:root{--bg:#f7f7f5;--panel:#fff;--border:#e4e4e0;--text:#2f2f2c;--muted:#86867e;--accent:#2f6fed;--accent-soft:#eaf0fe;--accent-line:#cddbfb;--danger:#c0392b;--danger-soft:#fdecea;--ok:#2e9e5b;--ok-soft:#e8f6ed;--shadow:#0000001f;--scrim:#14141266;--prio-high:#d13b2e;--prio-medium:#e07a1f;--prio-low:#8a5a3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root[data-theme=dark],:root:not([data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a19;--panel:#242423;--border:#383836;--text:#ececea;--muted:#97978f;--accent:#6f9bf5;--accent-soft:#22304d;--accent-line:#35507f;--danger:#e8776b;--danger-soft:#341d1a;--ok:#5bc183;--ok-soft:#172c1f;--shadow:#00000080;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a1a19;--panel:#242423;--border:#383836;--text:#ececea;--muted:#97978f;--accent:#6f9bf5;--accent-soft:#22304d;--accent-line:#35507f;--danger:#e8776b;--danger-soft:#341d1a;--ok:#5bc183;--ok-soft:#172c1f;--shadow:#00000080;--scrim:#0009;--prio-high:#f0705f;--prio-medium:#f0a04b;--prio-low:#bb8a63;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:14px}button{font:inherit;border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--panel)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:6px;padding:6px 10px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:240px;padding:16px;transition:width .22s,padding .22s,opacity .18s;display:flex;overflow:hidden}.sidebar>*{flex-shrink:0;min-width:208px}.nav-empty{padding:4px 8px;font-size:13px}.sidebar h2{text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-size:12px}.nav-item{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{flex:1;min-width:0;padding:24px 32px}.table-view{max-width:1000px}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:500}.task{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.task.done .title{color:var(--muted);text-decoration:line-through}.task .title{flex:1}.muted{color:var(--muted)}.error{color:var(--danger)}.login{flex-direction:column;gap:12px;max-width:320px;margin:15vh auto;display:flex}.login input{width:100%}.badge{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px}.color-gray{--c:#8b8b84;--c-bg:#f1f1ee}.color-blue{--c:#3b76e8;--c-bg:#eaf0fe}.color-amber{--c:#d08700;--c-bg:#fdf3e0}.color-green{--c:#2e9e5b;--c-bg:#e8f6ed}.color-red{--c:#d0483c;--c-bg:#fdecea}.color-purple{--c:#8055d4;--c-bg:#f2ecfd}.color-pink{--c:#d1508f;--c-bg:#fdecf4}.color-teal{--c:#159b9b;--c-bg:#e6f6f6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .color-gray{--c:#a5a59c;--c-bg:#2b2b29}:root:not([data-theme=light]) .color-blue{--c:#7ba5f7;--c-bg:#1e2941}:root:not([data-theme=light]) .color-amber{--c:#e0a640;--c-bg:#33280f}:root:not([data-theme=light]) .color-green{--c:#5bc183;--c-bg:#172c1f}:root:not([data-theme=light]) .color-red{--c:#e8776b;--c-bg:#341d1a}:root:not([data-theme=light]) .color-purple{--c:#a688e6;--c-bg:#271f3b}:root:not([data-theme=light]) .color-pink{--c:#e07aad;--c-bg:#331d29}:root:not([data-theme=light]) .color-teal{--c:#4fbdbd;--c-bg:#132e2e}}:root[data-theme=dark] .color-gray{--c:#a5a59c;--c-bg:#2b2b29}:root[data-theme=dark] .color-blue{--c:#7ba5f7;--c-bg:#1e2941}:root[data-theme=dark] .color-amber{--c:#e0a640;--c-bg:#33280f}:root[data-theme=dark] .color-green{--c:#5bc183;--c-bg:#172c1f}:root[data-theme=dark] .color-red{--c:#e8776b;--c-bg:#341d1a}:root[data-theme=dark] .color-purple{--c:#a688e6;--c-bg:#271f3b}:root[data-theme=dark] .color-pink{--c:#e07aad;--c-bg:#331d29}:root[data-theme=dark] .color-teal{--c:#4fbdbd;--c-bg:#132e2e}.view-switch{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:2px;margin-left:12px;padding:2px;display:flex}.view-switch button{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px 12px}.view-switch button.active{background:var(--bg);color:var(--text);font-weight:600}.board{scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start;gap:12px;min-width:0;max-width:100%;padding-bottom:12px;display:flex;overflow-x:auto}.board::-webkit-scrollbar{width:0;height:0}.column{background:var(--c-bg,var(--panel));border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:0 0 260px;gap:8px;padding:10px;display:flex}.column-head{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.column-head>.muted{flex:none}.column-chip{background:var(--panel);min-width:0;max-width:100%;color:var(--c,var(--text));white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.column-chip .dot{background:var(--c,var(--muted));border-radius:50%;flex:none;width:7px;height:7px}.column-name-input{width:150px;font-weight:600}.column-actions{flex:none;gap:2px;margin-left:auto;display:flex}.admin-tools{align-items:center;gap:8px;margin-left:8px;display:flex}.arrange-toggle{color:var(--muted)}.arrange-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--panel)}.hint{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);border-radius:8px;padding:6px 10px;font-size:13px}.column.arranging{cursor:grab;outline-offset:-2px;outline:2px dashed #0000}.column.arranging:hover{outline-color:var(--accent)}.column.arranging .card{cursor:default;pointer-events:none}.column.dragging{opacity:.5}.board.arranging{align-items:stretch}.board.arranging .column{min-height:140px}button.icon{color:var(--muted);background:0 0;border:none;padding:2px 6px;line-height:1}button.icon:hover{color:var(--text);background:var(--panel)}.palette{z-index:10;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 16px var(--shadow);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;padding:8px;display:grid;position:absolute;top:100%;left:0}.swatch{background:var(--c);border:2px solid #0000;border-radius:6px;width:22px;height:22px;padding:0}.swatch.current{border-color:var(--text)}.column-body{flex-direction:column;gap:6px;min-height:24px;display:flex}.card{background:var(--panel);border:1px solid var(--border);cursor:grab;border-radius:8px;padding:8px 10px}.card.dragging{opacity:.4}.card.drop-before{box-shadow:0 -3px 0 var(--accent)}.card-title{margin-bottom:6px}.card-foot{align-items:center;gap:4px;display:flex}.card-foot select{color:var(--muted);flex:1;padding:2px 6px;font-size:12px}.card-input,.add-card{width:100%}.add-card{color:var(--muted);text-align:left;background:0 0;border:none;padding:6px 10px}.add-card:hover,.add-column{background:var(--panel)}.add-column input{width:100%}.table-view .cell-input{background:0 0;border-color:#0000;width:100%}.table-view .cell-input:hover,.table-view .cell-input:focus{border-color:var(--border);background:var(--panel)}.status-select{color:var(--c,var(--text));background:var(--c-bg,var(--panel));border-color:#0000}.card-title{cursor:pointer}.card-dates{gap:4px;margin-bottom:6px;display:flex}.badge.overdue{color:var(--danger);border-color:var(--danger);background:0 0}.title-cell{align-items:center;gap:4px;display:flex}.open-task{flex:none}.overlay{background:var(--scrim);z-index:50;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--panel);width:min(640px,100%);box-shadow:0 12px 40px var(--shadow);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.dialog-head{align-items:center;gap:8px;display:flex}.dialog-title{background:0 0;border-color:#0000;flex:1;font-size:20px;font-weight:600}.dialog-title:hover:not(:disabled),.dialog-title:focus{border-color:var(--border)}.dialog-grid{grid-template-columns:110px 1fr;align-items:center;gap:8px 12px;display:grid}.dialog-description{resize:vertical}.comments-title{text-transform:uppercase;color:var(--muted);margin:8px 0 0;font-size:13px}.comments{flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.comment{border-left:2px solid var(--border);padding-left:10px}.comment-head{align-items:center;gap:8px;font-size:12px;display:flex}.comment-head .muted{flex:1}.comment-text{white-space:pre-wrap;margin-top:2px}.attachments{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.attach-image img{border:1px solid var(--border);border-radius:6px;max-width:220px;max-height:160px;display:block}.attach-file{border:1px solid var(--border);color:inherit;border-radius:6px;gap:6px;padding:4px 8px;font-size:13px;text-decoration:none;display:inline-flex}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-form textarea{resize:vertical}.pending{flex-wrap:wrap;gap:6px;display:flex}.pending .badge{align-items:center;gap:4px;display:inline-flex}.status-list{flex-direction:column;gap:8px;max-width:860px;display:flex}.status-row{background:var(--c-bg,var(--panel));border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.status-row .dot{background:var(--c,var(--muted));border-radius:50%;flex:none;width:9px;height:9px}.status-order{flex-direction:column;gap:2px;display:flex}.status-order .icon{padding:0 6px;line-height:1}.status-name{background:var(--panel);min-width:0;max-width:360px;color:var(--c,var(--text));border-color:#0000;flex:1;font-weight:600}.status-colors{flex-wrap:wrap;gap:4px;display:flex}.status-colors .swatch{width:18px;height:18px}button.icon.danger{color:var(--danger)}.people td{vertical-align:middle}.people tr.inactive .person-name,.people tr.inactive .person-login{opacity:.6}.person{align-items:center;gap:10px;display:flex}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.person-name{padding:2px 6px;font-weight:600}.person-login{padding-left:6px;font-size:12px}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--muted);white-space:nowrap;text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:3px 12px;font-size:12px;display:inline-flex}.chip[class*=role-],.chip[class*=access-],.chip[class*=status-],.chip[class*=kind-]{width:132px}.chip.role-owner{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip.access-read{color:var(--muted)}.chip.access-write{border-color:var(--accent);color:var(--accent)}.chip.access-admin{border-color:var(--danger);color:var(--danger)}.chip.status-on{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.chip.status-off{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.chip.add-chip{color:var(--accent);border-color:var(--accent-line);cursor:pointer}.chip.add-chip:hover{background:var(--accent-soft)}.chip.kind-income{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.chip.kind-expense{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.date-filter{flex-wrap:wrap;gap:6px;font-size:13px}.date-filter input[type=date]{padding:4px 6px;font-size:13px}.date-filter button{padding:4px 10px;font-size:13px}.card.prio-high{border-color:var(--prio-high);box-shadow:inset 3px 0 0 var(--prio-high)}.card.prio-medium{border-color:var(--prio-medium);box-shadow:inset 3px 0 0 var(--prio-medium)}.card.prio-low{border-color:var(--prio-low);box-shadow:inset 3px 0 0 var(--prio-low)}.priority-select{font-size:12px}.money-summary{flex-wrap:wrap;gap:12px;display:flex}.money-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:180px;gap:4px;padding:14px 16px;display:flex}.money-card strong{font-size:22px}.money-card.free{border-color:var(--accent-line);background:var(--accent-soft)}.money-card.free strong{color:var(--accent)}.income{color:var(--ok)}.expense{color:var(--danger)}.money-form{flex-wrap:wrap;gap:8px;padding:12px}.money-form input[type=date]{flex:none}.money-form input:not([type=date]){flex:140px;min-width:0}.actions-cell{text-align:right}.action-menu{display:inline-block;position:relative}.menu-trigger{color:var(--muted);padding:2px 10px;font-size:18px;line-height:1}.menu-trigger.open,.menu-trigger:hover{color:var(--text);border-color:var(--muted)}.menu-list{z-index:30;background:var(--panel);border:1px solid var(--border);min-width:190px;box-shadow:0 8px 24px var(--shadow);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px}.menu-list button:hover{background:var(--bg)}.menu-list button.danger{color:var(--danger);border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:4px}.dialog.modal{gap:10px;width:min(440px,100%)}.modal-title{margin:0;font-size:17px}.modal-actions{justify-content:flex-end}.modal input,.modal select{width:100%}.modal p{margin:0}button.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--panel)}.access-list{flex-direction:column;gap:4px;display:flex}.access-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.access-row select{padding:2px 6px;font-size:12px}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.theme-switch{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.theme-switch button{color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;padding:5px 6px;font-size:13px}.theme-switch button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px var(--shadow);font-weight:600}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.collapse-menu{font-size:16px}.layout.collapsed .sidebar{opacity:0;border-right-color:#0000;width:0;padding-left:0;padding-right:0}.expand-menu{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:18px;animation:.2s .12s both fade-in;position:fixed;top:14px;left:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.main{transition:padding-left .22s}.layout.collapsed .main{padding-left:64px}@media (prefers-reduced-motion:reduce){.sidebar,.main{transition:none}}.project-board-title{text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.project-board+.project-board{margin-top:4px}.topbar,.menu-backdrop{display:none}@media (width<=720px){body{font-size:15px}.layout{flex-direction:column}.topbar{z-index:30;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.menu-button{padding:4px 8px;font-size:20px}.collapse-menu,.expand-menu{display:none}.layout.collapsed .sidebar{opacity:1;border-right-color:var(--border);width:260px;max-width:82vw;padding:16px}.layout.collapsed .main{padding-left:14px}.sidebar{z-index:45;width:260px;max-width:82vw;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:none}.menu-backdrop{background:var(--scrim);z-index:40;display:block;position:fixed;inset:0}.main{padding:14px}.main h1{display:none}.spread{flex-direction:column;align-items:stretch;gap:10px}.spread>.row{flex-wrap:wrap;gap:8px}.view-switch{margin-left:0}.columns-order{display:none}.board{width:calc(100% + 28px);max-width:none;margin:0 -14px;padding:0 14px 12px}.column{flex-basis:82vw}.table-view{white-space:nowrap;display:block;overflow-x:auto}.money-form input:not([type=date]){flex:none}.main>.stack>.row.date-filter{flex-wrap:wrap;flex-direction:row!important;align-items:center!important}.date-filter input[type=date]{flex:130px}.money-card strong{font-size:20px}table.card{max-width:100%;display:block;overflow-x:auto}table.card td,table.card th{white-space:nowrap}form.row,.card.row{flex-direction:column;align-items:stretch}form.row input,form.row select,form.row button,.card.row input,.card.row select,.card.row button{width:100%}.main>.stack>.row{flex-direction:column;align-items:stretch!important}.overlay{padding:0}.dialog{border-radius:0;width:100%;min-height:100%;padding:14px}.dialog-grid{grid-template-columns:1fr;gap:4px}.dialog.modal{border-radius:12px;width:auto;min-height:auto;margin:20px 12px}.overlay:has(.modal){align-items:center}.dialog-grid>.muted{margin-top:6px}.comments{max-height:none}.attach-image img{max-width:100%}.access-row{flex-direction:column;align-items:stretch;gap:2px}.access-row select{width:100%}.status-row{flex-wrap:wrap}.status-name{flex:120px}.status-colors{flex-basis:100%;order:5}.status-colors .swatch{width:26px;height:26px}}