:root{--bg:#f6f3f4;--panel:#fff;--text:#211b1e;--muted:#736a6f;--line:#e6dde1;--wine:#6d1736;--wine2:#8d234a;--green:#1f7a54;--red:#b1283f;--amber:#a76a15;--shadow:0 10px 30px rgba(45,25,34,.07)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0}.topbar{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,42px);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;font-size:20px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--wine);color:#fff;font-weight:900;font-size:27px;box-shadow:var(--shadow)}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:18px}.top-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border:0;background:#f4eef1;border-radius:12px;display:grid;place-items:center;text-decoration:none;cursor:pointer;color:var(--text);font-size:18px}.page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:36px 0 80px}.page.narrow{width:min(780px,calc(100% - 28px))}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.hero h1,.page-heading h1{font-size:clamp(31px,5vw,48px);margin:0 0 8px;letter-spacing:-.035em}.page-heading{margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--wine);font-weight:900;font-size:12px;margin:0 0 7px}.muted{color:var(--muted)}.tiny{font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:12px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--wine);color:#fff;border-color:var(--wine)}.btn.success{background:#e5f5ed;color:#17623f;border-color:#cde9dc}.btn.ghost{background:transparent}.btn.big{padding:13px 18px}.btn.wide{width:100%;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--text)}.stat strong{font-size:28px}.stat span{color:var(--muted)}.stat.danger strong{color:var(--red)}.tabs{display:flex;gap:8px;overflow:auto;margin:24px 0 12px;padding-bottom:2px}.tabs a{white-space:nowrap;padding:10px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:800}.tabs a.active{background:var(--wine);color:#fff}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:9px;padding:12px}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.auth-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}.search{position:relative}.search span{position:absolute;left:11px;top:9px;color:var(--muted)}.search input{padding-left:31px}.task-list{display:grid;gap:12px}.task-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;border-left:5px solid transparent}.task-card.overdue{border-left-color:var(--red)}.task-card.done{opacity:.72}.task-card.done h2{text-decoration:line-through}.task-title-row{display:flex;gap:10px}.task-title-row h2{font-size:19px;margin:1px 0 7px}.inline{display:inline}.star{border:0;background:transparent;font-size:23px;color:#b47d15;cursor:pointer;padding:0 2px}.meta,.details{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px}.pill{padding:3px 8px;border-radius:999px;font-weight:800}.priority-high{background:#ffe6ea;color:#a52238}.priority-normal{background:#f3edf0;color:#65595f}.priority-low{background:#e9f4ef;color:#2b7253}.status-waiting{background:#fff1d9;color:#8b5b12}.status-in_progress{background:#e8efff;color:#355d9e}.status-done{background:#e5f5ed;color:#17623f}.desc{line-height:1.55;color:#494044;margin:13px 0}.details{margin-top:12px}.details a{color:var(--wine);font-weight:700;text-decoration:none}.red{color:var(--red)!important}.task-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.task-actions form{margin:0}.more{position:relative}.more summary{list-style:none}.more summary::-webkit-details-marker{display:none}.more-menu{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;min-width:150px;z-index:5;padding:6px}.more-menu form{display:grid}.more-menu button{border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;font:inherit;cursor:pointer}.more-menu button:hover{background:var(--bg)}.reminder-box{background:#fff7e7;border:1px solid #efdfbb;color:#684b16;padding:13px 16px;border-radius:14px;display:flex;gap:10px;align-items:center}.empty{text-align:center;padding:50px 20px}.empty-icon{width:58px;height:58px;border-radius:50%;background:#e5f5ed;color:var(--green);display:grid;place-items:center;font-size:30px;margin:0 auto 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.auth-card label{font-weight:750;font-size:14px;display:grid;gap:7px}.span-2{grid-column:1/-1}.checkline{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.checkline input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.inline-form{display:flex;gap:8px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.chip-list form{margin:0}.chip{border:0;background:#f3edf0;color:#55494f;padding:8px 11px;border-radius:999px}.chip.removable{cursor:pointer}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#fff 0,#f6f1f3 38%,#efe4e9 100%)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 60px rgba(45,25,34,.13)}.auth-card h1{font-size:34px;margin:16px 0 5px}.auth-card form{display:grid;gap:14px;margin-top:20px}.alert{padding:12px 14px;border-radius:12px;margin:10px 0 16px;background:#e5f5ed;color:#17623f;border:1px solid #cde9dc}.alert.error{background:#ffe9ed;color:#9b1e35;border-color:#f5cbd4}.fab{display:none;position:fixed;right:18px;bottom:20px;width:54px;height:54px;border-radius:18px;background:var(--wine);color:#fff;text-decoration:none;font-size:32px;place-items:center;box-shadow:0 12px 30px rgba(109,23,54,.28)}h2{margin-top:0}@media(max-width:900px){.filters{grid-template-columns:1fr 1fr 1fr}.search{grid-column:1/-1}.task-card{grid-template-columns:1fr}.task-actions{justify-content:flex-start}.stats{grid-template-columns:1fr}.hero{align-items:flex-start}.hero .btn.big{display:none}.fab{display:grid}}@media(max-width:620px){.page{padding-top:22px}.topbar{height:60px}.hero h1{font-size:34px}.filters{grid-template-columns:1fr}.search{grid-column:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.inline-form{flex-direction:column}.task-card{padding:15px}.task-actions .btn{padding:9px 11px}.stats{gap:8px}.stat{padding:13px 15px}.auth-card{padding:23px}.reminder-box{align-items:flex-start}.brand{font-size:18px}}

.attachment-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.attachment-heading h2{margin:0 0 5px}.attachment-heading p{margin:0}.attachment-count{white-space:nowrap;background:#f3edf0;color:#65595f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.upload-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:#faf7f8;border:1px dashed #d9cbd1;border-radius:15px;padding:14px;margin-bottom:16px}.upload-box label,.upload-field label{font-weight:750;font-size:14px;display:grid;gap:7px}.upload-box input[type=file],.upload-field input[type=file]{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;font:inherit}.upload-box .span-2{grid-column:1/-1;margin:0}.attachment-list{display:grid;gap:9px}.attachment-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.attachment-item:first-child{border-top:0}.file-icon{width:42px;height:42px;border-radius:11px;background:#f3edf0;color:var(--wine);display:grid;place-items:center;font-size:11px;font-weight:900}.file-info{min-width:0;display:grid;gap:3px}.file-info strong{overflow-wrap:anywhere}.file-info span{font-size:12px;color:var(--muted)}.file-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.attachment-menu{min-width:260px}.attachment-menu form{display:grid;gap:4px;padding:4px}.attachment-menu form+form{border-top:1px solid var(--line);margin-top:3px;padding-top:7px}.rename-input{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px 9px;font:inherit}.attachment-empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.upload-field{padding-top:4px}.upload-field p{margin:0}@media(max-width:620px){.attachment-heading{align-items:flex-start}.attachment-count{display:none}.upload-box{grid-template-columns:1fr}.upload-box .span-2{grid-column:auto}.attachment-item{grid-template-columns:auto 1fr}.file-actions{grid-column:1/-1;justify-content:flex-start;padding-left:54px}.attachment-menu{left:0;right:auto;min-width:min(270px,80vw)}}

/* Kalender – Taktwerk 1.2.1 */
.calendar-page{width:min(1380px,calc(100% - 28px))}.calendar-headline{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.calendar-headline h1{font-size:clamp(34px,5vw,52px);margin:0 0 8px;letter-spacing:-.04em}.calendar-controlbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:16px}.calendar-nav{display:flex;align-items:center;gap:7px}.calendar-arrow,.calendar-today{height:38px;border:1px solid var(--line);background:#fff;color:var(--text);text-decoration:none;display:grid;place-items:center;font-weight:850}.calendar-arrow{width:38px;border-radius:11px;font-size:25px;line-height:1}.calendar-today{padding:0 14px;border-radius:11px;font-size:13px}.calendar-arrow:hover,.calendar-today:hover{border-color:#cdbcc4;background:#faf6f8}.calendar-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.due{background:var(--wine)}.legend-dot.review{background:var(--amber)}.legend-dot.done{background:var(--green)}.calendar-board{padding:0;overflow:hidden;border-radius:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekday{padding:12px 14px;background:#f7f3f5;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:900;color:#6b6065;text-transform:uppercase;letter-spacing:.06em}.calendar-weekday:nth-child(7){border-right:0}.calendar-day{position:relative;min-height:158px;padding:9px 10px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .15s ease}.calendar-day:nth-child(7n+14){border-right:0}.calendar-day:hover{background:#fdfbfc}.calendar-day.outside{background:#faf8f9;color:#a0979b}.calendar-day.outside .calendar-event{opacity:.55}.calendar-day.today{background:#fffafb;box-shadow:inset 0 0 0 2px rgba(109,23,54,.55)}.calendar-day-head{display:flex;justify-content:space-between;align-items:center;min-height:31px;margin-bottom:6px}.calendar-date{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:inherit;font-size:13px;font-weight:900}.calendar-date:hover{background:#f0e7eb;color:var(--wine)}.calendar-day.today .calendar-date{background:var(--wine);color:#fff}.calendar-add{opacity:0;transform:translateY(2px);transition:.15s ease;text-decoration:none;color:var(--wine);font-weight:850;font-size:11px;border-radius:9px;padding:6px 7px;background:#f4e9ee}.calendar-add span{margin-left:2px}.calendar-day:hover .calendar-add,.calendar-add:focus{opacity:1;transform:none}.calendar-events{display:grid;gap:5px}.calendar-event{display:grid;grid-template-columns:7px 1fr;gap:7px;align-items:start;text-decoration:none;color:var(--text);border-radius:9px;padding:6px 7px;background:#f8f4f6;min-width:0;transition:.15s ease}.calendar-event:hover{background:#f1e8ec}.calendar-event-dot{width:7px;height:7px;border-radius:50%;background:var(--wine);margin-top:4px}.calendar-event.review{background:#fff8eb}.calendar-event.review .calendar-event-dot{background:var(--amber)}.calendar-event.priority-high:not(.review){background:#fff1f3}.calendar-event.priority-high:not(.review) .calendar-event-dot{background:var(--red)}.calendar-event.done{opacity:.55}.calendar-event.done .calendar-event-dot{background:var(--green)}.calendar-event.done strong{text-decoration:line-through}.calendar-event-copy{min-width:0;display:grid;gap:1px}.calendar-event-copy strong{font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-copy small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-more{font-size:10px;font-weight:800;color:var(--wine);text-decoration:none;padding:3px 7px}.calendar-more:hover{text-decoration:underline}.calendar-mobile{display:none}.calendar-hint{text-align:center;margin:7px 0 0}.day-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.day-hero h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.035em;margin:0 0 7px}.day-nav{display:flex;justify-content:space-between;gap:8px;padding:10px}.day-task-list{display:grid;gap:10px}.day-task{display:grid;grid-template-columns:88px 1fr auto;gap:15px;align-items:start;margin-bottom:0}.day-task.done{opacity:.65}.day-task.done h2{text-decoration:line-through}.day-task-time{display:grid;text-align:center;gap:0;padding:7px 3px;border-right:1px solid var(--line)}.day-task-time strong{font-size:22px}.day-task-time span{font-size:25px;color:var(--wine);font-weight:900}.day-task-time small{font-size:10px;color:var(--muted);font-weight:800}.day-task-main h2{font-size:18px;margin:0 0 8px}.day-task-main .desc{margin-bottom:0}
@media(max-width:980px){.calendar-day{min-height:145px;padding:8px}.calendar-event-copy small{display:none}.calendar-add span{display:none}.calendar-add{width:28px;height:28px;padding:0;display:grid;place-items:center}.calendar-headline .btn.big{display:none}}
@media(max-width:720px){.calendar-page{width:min(720px,calc(100% - 24px));padding-top:22px}.calendar-headline{align-items:flex-start}.calendar-headline h1{font-size:36px}.calendar-controlbar{align-items:flex-start;flex-direction:column}.calendar-legend{gap:10px}.calendar-board{display:none}.calendar-mobile{display:block}.mini-calendar{padding:12px;border-radius:18px}.mini-weekdays,.mini-days{display:grid;grid-template-columns:repeat(7,1fr)}.mini-weekdays span{text-align:center;font-size:10px;font-weight:900;color:var(--muted);padding:5px 0 8px}.mini-day{height:42px;position:relative;display:grid;place-items:center;text-decoration:none;color:var(--text);font-size:13px;font-weight:800;border-radius:12px}.mini-day:hover{background:#f5eef1}.mini-day.outside{color:#b7afb2}.mini-day.today{background:var(--wine);color:#fff}.mini-day.has-events i{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--wine)}.mini-day.today.has-events i{background:#fff}.agenda-head{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 10px}.agenda-head h2{margin:0 0 3px;font-size:20px}.agenda-head p{margin:0}.agenda-list{display:grid;gap:9px}.agenda-day{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:14px;margin-bottom:0}.agenda-day.today{border-color:#caaab7;box-shadow:0 0 0 2px rgba(109,23,54,.08)}.agenda-date{display:grid;align-content:start;justify-items:center;border-right:1px solid var(--line);padding-right:10px}.agenda-date div{display:grid;justify-items:center}.agenda-date span{font-size:10px;text-transform:uppercase;font-weight:900;color:var(--wine)}.agenda-date strong{font-size:28px;line-height:1}.agenda-date small{font-size:10px;color:var(--muted);margin-top:3px}.agenda-items{display:grid;gap:7px}.agenda-item{display:grid;grid-template-columns:42px 1fr;gap:7px;text-decoration:none;color:var(--text);padding:7px 5px;border-radius:10px}.agenda-item:hover{background:#f8f4f6}.agenda-item.review{background:#fffaf0}.agenda-item.done{opacity:.58}.agenda-item.done strong{text-decoration:line-through}.agenda-item>span:last-child{display:grid;gap:1px;min-width:0}.agenda-item strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-item small{font-size:10px;color:var(--muted)}.agenda-time{font-size:11px;font-weight:900;color:var(--wine);padding-top:2px}.agenda-item.review .agenda-time{color:var(--amber)}.agenda-add{font-size:11px;color:var(--wine);font-weight:800;text-decoration:none;padding:5px}.agenda-empty{text-align:center;padding:26px 18px}.agenda-empty p{margin-bottom:0}.calendar-hint{display:none}.day-hero{align-items:flex-start}.day-hero .btn.big{display:none}.day-task{grid-template-columns:58px 1fr}.day-task>.btn{grid-column:2}.day-task-time{padding-right:8px}.day-nav .btn{font-size:12px;padding:9px}}
@media(max-width:420px){.mini-day{height:38px}.agenda-day{grid-template-columns:55px 1fr;padding:12px 10px}.agenda-item{grid-template-columns:36px 1fr}.calendar-controlbar{padding:10px}.calendar-legend{font-size:11px}.day-nav{gap:5px}.day-nav .btn{padding:8px 7px}.day-task{grid-template-columns:50px 1fr;padding:14px 12px}.day-task-time strong{font-size:18px}}