:root{--bg:#f5f7f4;--surface:#fff;--surface-2:#eaf0ec;--surface-3:#dee7e1;--ink:#152019;--ink-soft:#55635c;--ink-faint:#8a968f;--line:#dce3dd;--line-strong:#c7d1c9;--brand:#0e6e5a;--brand-strong:#0a5747;--brand-soft:#e1f1ea;--accent:#a8752a;--accent-strong:#8a5f1f;--accent-soft:#f5ead6;--on-brand:#fff;--on-danger:#fff;--danger:#ae4038;--danger-strong:#8f3029;--danger-soft:#f6e3e0;--shadow-doc:0 1px 2px #1520190f, 0 8px 24px -12px #1520192e;--shadow-pop:0 2px 6px #15201914, 0 12px 32px -14px #15201947;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--text-base:14px;--text-sm:13px;--text-xs:11.5px;--text-h1:24px;--text-h2:15px;--pad-card:18px 20px;--pad-control:8px 14px;--pad-control-sm:5px 10px;--pad-input:8px 10px;--pad-cell:11px 14px;--pad-cell-head:10px 14px;--gap-grid:16px;--gap-stack:16px;--control-size:34px}:root[data-density=compact]{--text-base:13.5px;--text-sm:12.5px;--text-xs:11px;--text-h1:21px;--text-h2:14px;--pad-card:16px 18px;--pad-control:7px 13px;--pad-control-sm:5px 10px;--pad-input:7px 9px;--pad-cell:9px 13px;--pad-cell-head:9px 13px;--gap-grid:14px;--gap-stack:14px;--control-size:32px}:root[data-theme=dark]{--bg:#0e1512;--surface:#151e1a;--surface-2:#1c2622;--surface-3:#243029;--ink:#e8eeea;--ink-soft:#9fb0a8;--ink-faint:#6c7c74;--line:#28332d;--line-strong:#354139;--brand:#57c7a4;--brand-strong:#7bd8b8;--brand-soft:#173029;--on-brand:#0b1d18;--on-danger:#2b110e;--accent:#dda75f;--accent-strong:#ebbe80;--accent-soft:#3a2c17;--danger:#e58a80;--danger-strong:#f0a79e;--danger-soft:#3b2320;--shadow-doc:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--shadow-pop:0 2px 6px #0006, 0 12px 32px -14px #0009}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:600}p{margin:0}table,.tabular{font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.card-pad,.panel{padding:var(--pad-card)}.panel{margin-bottom:var(--gap-stack)}.card-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-doc)}.panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel__header h2,.panel__header h3{font-size:var(--text-h2);margin:0}.divider{background:var(--line);height:1px;margin:var(--gap-stack) 0;border:none}.grid-2{gap:var(--gap-grid);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:calc(var(--gap-grid) - 2px);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--gap-grid);margin-bottom:18px;display:flex}.page-head h1{font-size:var(--text-h1);margin:0}.page-sub{color:var(--ink-soft);font-size:var(--text-sm);max-width:58ch;margin:4px 0 0}.page-head__actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.scope-note{color:var(--ink-faint);font-size:var(--text-xs);align-items:center;gap:6px;margin-top:8px;display:inline-flex}.scope-chip{background:var(--brand-soft);color:var(--brand-strong);font-size:var(--text-xs);border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;font-weight:500;display:inline-flex}.back-link{color:var(--ink-soft);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:12px;padding:2px 0;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ink)}.btn{padding:var(--pad-control);font-family:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn svg{flex-shrink:0;width:15px;height:15px}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--surface);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{padding:var(--pad-control-sm);font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.pill-active{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand-strong)}.icon-btn{width:var(--control-size);height:var(--control-size);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{width:17px;height:17px}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink-faint);font-family:inherit;font-size:var(--text-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:34px 20px;transition:border-color .12s,background-color .12s;display:flex}.dropzone:hover:not(:disabled),.dropzone.is-over{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.dropzone:disabled{opacity:.6;cursor:not-allowed}.dropzone__title{color:var(--ink);font-weight:600}.dropzone:hover:not(:disabled) .dropzone__title{color:var(--brand-strong)}.badge{font-size:var(--text-xs);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-weight:500;line-height:1.5;display:inline-flex}.badge-brand{background:var(--brand-soft);color:var(--brand-strong)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--ink-soft)}.field{text-align:left;margin-bottom:14px}.field label{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:5px;font-weight:500;display:block}.input,.select,.textarea,.field input,.field select,.field textarea{width:100%;padding:var(--pad-input);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--text-base);border-radius:8px;transition:border-color .12s,box-shadow .12s}.textarea,.field textarea{resize:vertical;min-height:70px}.input:focus,.select:focus,.textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.input:disabled,.select:disabled,.textarea:disabled,.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-2)}.input-affix{display:block;position:relative}.input-affix>.input,.input-affix>input{padding-right:40px}.input-affix__button{width:30px;height:30px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.checkrow{font-size:var(--text-sm);color:var(--ink-soft);text-transform:none;cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-weight:400;display:flex}.checkrow input{width:auto;accent-color:var(--brand);cursor:pointer}.form-error{color:var(--danger);font-size:var(--text-sm);margin:0 0 12px}.form-actions{gap:10px;margin-top:8px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-box{flex:1;min-width:200px;max-width:320px;position:relative}.search-box svg{width:17px;height:17px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{padding-left:32px}.form-section{padding-top:var(--gap-stack);margin-top:var(--gap-stack);border-top:1px solid var(--line)}.clamp-1,.clamp-2{overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-1{-webkit-line-clamp:1;line-clamp:1}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.field-heading{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-soft);align-items:center;gap:7px;margin:0 0 10px;font-weight:600;display:flex}.field-heading .muted{font-weight:400}.readonly-value{padding:var(--pad-input);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);border-radius:8px;font-weight:500}.is-done{color:var(--ink-faint);text-decoration:line-through}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.media-tile{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2);position:relative;overflow:hidden}.media-tile--video{aspect-ratio:16/10}.media-tile img,.media-tile video{object-fit:cover;width:100%;height:100%;display:block}.media-tile__actions{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:6px;transition:opacity .12s;display:flex;position:absolute;inset:0}.media-tile:hover .media-tile__actions,.media-tile__actions:focus-within{opacity:1}@media (hover:none){.media-tile__actions{opacity:1;background:linear-gradient(#00000080,#0000 45%);justify-content:flex-end;align-items:flex-start;padding:6px}}.media-tile__actions button{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.media-tile__actions button:hover{background:#ffffff57}.media-tile__badge{background:var(--brand);color:var(--on-brand);border-radius:20px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute;top:6px;left:6px}.dropzone--tile{aspect-ratio:1;border-radius:var(--radius-md);padding:10px}.lightbox{box-shadow:none;background:0 0;border:none;max-height:calc(100vh - 48px);padding:0}.lightbox img,.lightbox video{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:calc(100vh - 120px);margin:0 auto;display:block}.token-field{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:46px;padding:6px;transition:border-color .12s,box-shadow .12s;display:flex}.token-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.token-field__input{flex:1;align-items:center;gap:7px;min-width:150px;padding:0 4px;display:flex}.token-field__input input{width:100%;font:inherit;color:inherit;background:0 0;border:none;outline:none;padding:4px 0}.token-field__menu{z-index:60;width:100%;max-height:240px;margin-top:5px;position:absolute;top:100%;left:0;overflow-y:auto}.token{background:var(--brand-soft);color:var(--brand-strong);font-size:var(--text-xs);border-radius:20px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-weight:500;display:inline-flex}.token__remove{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;line-height:0;display:inline-flex}.token__remove:hover{background:var(--brand);color:var(--on-brand)}.color-input{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;flex-shrink:0;width:52px;height:38px;padding:3px}.search-box__icon{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--pad-cell-head);color:var(--ink-faint);border-bottom:1px solid var(--line);white-space:nowrap;font-weight:500;font-size:var(--text-xs);text-transform:none;letter-spacing:0}.table td{padding:var(--pad-cell);border-bottom:1px solid var(--line)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .12s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.clickable{cursor:pointer}.num{font-variant-numeric:tabular-nums;text-align:right}.tcell-name{white-space:normal;font-weight:500}.empty-row td{color:var(--ink-faint);text-align:center;padding:26px}.cell-stack{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:inline-flex}.cell-fields{flex-direction:column;gap:6px;min-width:150px;display:flex}.cell-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.link-button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.link-button:hover{color:var(--brand-strong);text-underline-offset:2px;text-decoration:underline}.icon-btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.drag-handle{color:var(--ink-faint);cursor:grab;padding:2px;display:inline-flex}.drag-handle:hover{color:var(--ink-soft)}.drag-handle:active{cursor:grabbing}.table tbody tr.is-dragging{background:var(--brand-soft)}.swatch{border:1px solid var(--line-strong);vertical-align:middle;border-radius:50%;width:16px;height:16px;display:inline-block}.stack{gap:var(--gap-stack);flex-direction:column;display:flex}.stack--tight{gap:8px}.calendar__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.calendar__title{font-family:var(--font-display);margin:0;font-size:16px;font-weight:600}.calendar__nav{align-items:center;gap:4px;display:flex}.calendar__weekdays{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:6px;display:grid}.calendar__weekday{text-align:center;color:var(--ink-faint);padding:2px 0;font-size:11px;font-weight:500}.calendar__grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar__legend{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cal-day{background:var(--surface);cursor:pointer;text-align:left;min-height:76px;font:inherit;color:inherit;border:none;border-radius:0;flex-direction:column;gap:4px;padding:6px 7px;transition:background-color .12s;display:flex;position:relative}.cal-day:hover{background:var(--surface-2)}.cal-day--selected{outline:2px solid var(--brand);outline-offset:-2px;z-index:2}.cal-day--today .cal-day__number{background:var(--brand);color:var(--on-brand);border-radius:20px;padding:0 6px}.cal-day--ineligible{opacity:.5;cursor:default}.cal-day__number{font-size:var(--text-sm);color:var(--ink-soft);align-self:flex-start;font-weight:500}.cal-day__label{text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);max-width:100%;color:var(--ink-soft);border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:10.5px;line-height:1.35;overflow:hidden}.cal-day__label--brand{background:var(--brand-soft);color:var(--brand-strong)}.cal-day__label--accent{background:var(--accent-soft);color:var(--accent-strong)}.cal-day__label--danger{background:var(--danger-soft);color:var(--danger)}.cal-day--empty{background:var(--bg);cursor:default}.cal-day--empty>*{visibility:hidden}.cal-day--weekend{background:var(--surface-2)}.cal-day--future .cal-day__number{color:var(--ink-faint)}.cal-day__events{flex-direction:column;gap:2px;min-width:0;margin-top:auto;display:flex}.cal-day__event{background:var(--surface-3);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:10px;overflow:hidden}.cal-day__event--more{color:var(--ink-faint);background:0 0;padding-left:0}@media (width<=720px){.cal-day{min-height:58px}.cal-day__label,.cal-day__event{font-size:9.5px}}.people-grid{gap:var(--gap-grid);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.person-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.person-card h3{font-size:var(--text-base);margin:4px 0 0}.person-card__email{overflow-wrap:anywhere;margin:0}.chart-box{width:100%;height:320px;color:var(--ink-soft);font-size:var(--text-xs)}@media (width<=720px){.chart-box{height:260px}}.list{margin:0;padding:0;list-style:none}.list-item{border-top:1px solid var(--line);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.list-item:first-child{border-top:none}.list-item>span:first-child{font-weight:500}.avatar{background:var(--brand);width:30px;height:30px;color:var(--on-brand);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.avatar--sm{width:22px;height:22px;font-size:9.5px}.avatar--lg{width:56px;height:56px;font-size:19px}.avatar img{object-fit:cover;width:100%;height:100%}.avatars-stack{display:flex}.avatars-stack .avatar{border:2px solid var(--surface);margin-left:-8px}.avatars-stack .avatar:first-child{margin-left:0}.stat-row{gap:10px;display:flex}.stat-box{background:var(--surface-2);border-radius:8px;flex:1;padding:10px 12px}.stat-box .v{font-size:19px;font-weight:600;font-family:var(--font-display)}.stat-box .l{font-size:var(--text-xs);color:var(--ink-faint);margin-top:1px}.progress-track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:var(--brand);border-radius:3px;height:100%;transition:width .2s}.chart-svg{width:100%;height:auto;color:var(--ink);display:block}.chart-legend{font-size:var(--text-xs);color:var(--ink-faint);gap:16px;margin-top:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{flex-shrink:0;width:14px;height:2px}.stat-grid{grid-template-columns:repeat(2,1fr)}@media (width>=720px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.tabs{border-bottom:1px solid var(--line);margin-bottom:var(--gap-stack);gap:2px;display:flex;overflow-x:auto}.tabs__tab{color:var(--ink-faint);font-family:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 13px;font-weight:500}.tabs__tab:hover{color:var(--ink-soft)}.tabs__tab--active{color:var(--brand-strong);border-bottom-color:var(--brand)}.notice{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-size:var(--text-sm);margin-bottom:var(--gap-stack);align-items:flex-start;gap:9px;padding:10px 14px;display:flex}.notice svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.notice--brand{background:var(--brand-soft);color:var(--brand-strong);border-color:#0000}.notice--accent{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.notice--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.notice__title{color:inherit;font-weight:600}.kanban{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;align-items:start;gap:12px;display:grid;overflow-x:auto}.kanban-col-head{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.kanban-col-head h4{font-size:var(--text-sm);color:var(--ink-soft);margin:0;font-weight:600}.kanban-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:9px;margin-bottom:8px;padding:10px 11px}.kanban-card:hover{border-color:var(--line-strong)}.kanban-col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;height:100%;padding:10px;display:flex}.kanban-col__body{border-radius:var(--radius-sm);flex:1;min-height:200px;transition:background-color .12s}.kanban-col__body.is-over{background:var(--brand-soft)}.kanban-col__count{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:var(--text-xs);border-radius:20px;padding:1px 7px;font-weight:600}.kanban-col--add{min-height:120px;color:var(--ink-faint);font-size:var(--text-sm);cursor:pointer;background:0 0;border-style:dashed;flex-direction:row;justify-content:center;align-items:center;gap:7px;width:100%;font-weight:500}.kanban-col--add:hover{border-color:var(--brand);color:var(--brand-strong)}.kanban-card__body{cursor:pointer;margin-bottom:12px}.kanban-card__title{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink);margin:2px 0 0;font-weight:600;line-height:1.4}.kanban-card__body:hover .kanban-card__title{color:var(--brand-strong)}.kanban-card__desc{font-size:var(--text-xs);color:var(--ink-faint);margin-top:5px;line-height:1.5}.kanban-card__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:9px;display:flex}.kanban-card__who{align-items:center;gap:7px;min-width:0;display:flex}.kanban-card__whotext{flex-direction:column;min-width:0;display:flex}.kanban-card__name{font-size:var(--text-xs);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-weight:500;overflow:hidden}.kanban-card__email{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;overflow:hidden}.kanban-card__hours{color:var(--ink-faint);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:4px;display:flex}.card-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px;display:flex}.card-row__tags{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.card-row__actions{flex-shrink:0;align-items:center;gap:1px;display:flex}@media (hover:hover){.card-row__actions{opacity:0;transition:opacity .12s}.kanban-card:hover .card-row__actions,.card-row__actions:focus-within{opacity:1}}.icon-btn--xs{border-radius:var(--radius-sm);width:24px;height:24px}.icon-btn--xs svg{width:14px;height:14px}.proj-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.kanban-card.is-dragging{box-shadow:var(--shadow-pop);border-color:var(--brand)}.task-key{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--text-xs);color:var(--ink-faint);letter-spacing:.02em}.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.comments{flex-direction:column;gap:16px;margin-bottom:18px;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment__body{flex:1;min-width:0}.comment__head{font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.comment__text{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.comment__actions{font-size:var(--text-xs);gap:12px;margin-top:4px;display:flex}.comment-compose{position:relative}.comment-compose .comment-compose__mentions{width:260px;max-height:220px;margin-bottom:5px;position:absolute;bottom:100%;left:0;overflow-y:auto}.mention{color:var(--brand-strong);font-weight:600}.attachment__thumb{border-radius:var(--radius-sm);background:var(--surface-2);width:36px;height:36px;color:var(--ink-soft);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}button.attachment__thumb{cursor:pointer}button.attachment__thumb:hover{outline:2px solid var(--brand);outline-offset:1px}.attachment__thumb img{object-fit:cover;width:100%;height:100%}.attachment__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.attachment__name{font-weight:500;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.timeline__item{font-size:var(--text-sm);align-items:flex-start;gap:12px;padding-bottom:14px;display:flex;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{width:9px;height:9px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;flex-shrink:0;margin-top:5px}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);animation:1.6s ease-in-out infinite iboon-pulse;display:block}.skeleton--circle{border-radius:50%}@keyframes iboon-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-chart{align-items:flex-end;gap:10px;height:220px;margin:18px 0;display:flex}.skeleton-chart .skeleton{border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1}.modal-overlay{z-index:1100;background:#15201980;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-doc);padding:var(--pad-card);overflow-y:auto}.modal-panel--sm{max-width:400px}.modal-panel--lg{max-width:760px}.modal-panel--xl{max-width:1040px}.modal-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-panel__header h2{margin:0;font-size:18px}.modal-panel__close{color:var(--ink-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;line-height:0}.modal-panel__close:hover{background:var(--surface-2);color:var(--ink)}.modal-panel__body{gap:var(--gap-stack);flex-direction:column;margin-top:12px;display:flex}.modal-panel__section h3{font-size:var(--text-h2);margin:0 0 4px}.modal-panel__section p{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.modal-panel__footer{margin-top:var(--gap-stack);justify-content:flex-end;gap:10px;display:flex}.popover,.context-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:1200}.popover--panel{flex-direction:column;display:flex;overflow:hidden}.popover__header{border-bottom:1px solid var(--line);font-size:var(--text-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.popover__body{font-size:var(--text-sm);padding:10px 12px;overflow-y:auto}.context-menu{min-width:180px;padding:5px;position:fixed}.context-menu__header{font-size:var(--text-xs);color:var(--ink-faint);border-bottom:1px solid var(--line);margin-bottom:4px;padding:7px 9px 6px}.context-menu__item{width:100%;color:var(--ink);font-family:inherit;font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 9px;display:flex}.context-menu__item:hover:not(:disabled),.context-menu__item.is-active:not(:disabled){background:var(--surface-2)}.context-menu__item:disabled{opacity:.5;cursor:not-allowed}.context-menu__item--danger{color:var(--danger)}.context-menu__item--danger:hover:not(:disabled){background:var(--danger-soft)}.context-menu__empty{font-size:var(--text-sm);color:var(--ink-faint);padding:10px 9px}.toast-wrap{z-index:1300;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:var(--bg);font-size:var(--text-sm);box-shadow:var(--shadow-doc);border-radius:9px;align-items:flex-start;gap:10px;max-width:320px;padding:10px 14px;display:flex}:root[data-theme=dark] .toast{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong)}.toast--danger{background:var(--danger);color:var(--on-danger)}:root[data-theme=dark] .toast--danger{background:var(--danger-soft);color:var(--danger-strong);border-color:var(--danger)}.toast__close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;line-height:0}.toast__close:hover{opacity:1}.empty-state{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-state .ic{background:var(--brand-soft);width:44px;height:44px;color:var(--brand-strong);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.empty-state h3{margin:0 0 6px;font-size:16px}.empty-state p{font-size:var(--text-sm);color:var(--ink-faint);max-width:38ch;margin:0 0 14px}.loading,.muted{color:var(--ink-faint);font-size:var(--text-sm)}.spinner{border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.6s linear infinite iboon-spin;display:inline-block}@keyframes iboon-spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--page-pad-x:16px;--touch-target:44px;--row-height:140px}@media (width>=768px){:root{--page-pad-x:24px;--row-height:190px}}@media (width>=1280px){:root{--page-pad-x:32px;--row-height:220px}}#root{min-height:100%}.hint{color:var(--ink-soft);font-size:var(--text-sm)}.app{flex-direction:column;min-height:100%;display:flex}.app-header{align-items:center;column-gap:var(--gap-grid);width:100%;padding:0 var(--page-pad-x);background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.app-brand{min-height:var(--touch-target);font-family:var(--font-display);font-size:var(--text-h1);color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.app-nav{max-width:100%;overflow-x:auto}.app-nav ul{margin:0;padding:0;list-style:none;display:flex}.app-nav a{min-height:var(--touch-target);padding:var(--pad-control);color:var(--ink-soft);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a:hover{color:var(--ink)}.app-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}.app-main{gap:var(--gap-stack);width:100%;padding:var(--gap-stack) var(--page-pad-x) calc(var(--gap-stack) * 3);flex-direction:column;flex:1;display:flex}.status-screen{justify-content:center;align-items:center;gap:var(--gap-stack);min-height:60vh;padding:var(--gap-stack) var(--page-pad-x);text-align:center;color:var(--ink-soft);flex-direction:column;display:flex}.app-banner p{margin:0 0 8px}.banner-actions,.head-actions,.row-actions,.browser-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.banner-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.grid-status{padding:var(--gap-stack);color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;display:flex}.filters-row{justify-content:space-between;align-items:center;gap:var(--gap-grid);flex-wrap:wrap;display:flex}.group-grid{gap:var(--gap-grid);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=480px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.group-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:100%;color:var(--ink);box-shadow:var(--shadow-doc);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.group-card:hover,.group-card:focus-visible{border-color:var(--brand)}.group-cover{aspect-ratio:4/3;background:var(--surface-2);justify-content:center;align-items:center;font-size:32px;display:flex}.group-cover img{object-fit:cover;width:100%;height:100%}.group-card-body{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.group-card-title{font-weight:600}.group-card-meta{color:var(--ink-soft);font-size:var(--text-sm)}.group-card-badges{flex-wrap:wrap;gap:4px;display:flex}.group-description{color:var(--ink-soft);white-space:pre-line;margin:0}.upload-panel{gap:var(--gap-grid);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.upload-panel{grid-template-columns:minmax(280px,2fr) minmax(0,3fr)}}.dropzone{min-height:160px;padding:var(--gap-stack);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.dropzone p{margin:0}.dropzone.is-dragging{border-color:var(--brand);background:var(--brand-soft)}.upload-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:8px;max-height:320px;padding:12px;display:flex;overflow:auto}.upload-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.upload-summary,.upload-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.upload-name{text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;overflow:hidden}.upload-item .progress{flex:0 200px}.browser-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.browser-count{color:var(--ink-soft);font-size:var(--text-sm)}.photo-grid{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.photo-tile{border-radius:var(--radius-sm);background:var(--surface-2);min-width:0;position:relative;overflow:hidden}.photo-tile-filler{flex-grow:1000;height:0}.photo-tile-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.photo-tile-button:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile-status{height:100%;color:var(--ink-soft);font-size:var(--text-sm);justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.photo-tile-check{border:2px solid var(--on-brand);background:#15201959;border-radius:50%;width:22px;height:22px;position:absolute;top:8px;left:8px}.photo-tile.is-selected .photo-tile-button{outline:3px solid var(--brand);outline-offset:-3px}.photo-tile.is-selected .photo-tile-check{background:var(--brand)}.photo-tile-fav{color:var(--on-brand);text-shadow:0 1px 3px #0009;position:absolute;bottom:6px;right:8px}.viewer{z-index:1000;color:#f5f7f4;background:#0b100d;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{padding:6px var(--page-pad-x);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.viewer-bar .btn-ghost,.viewer-bar .icon-btn,.viewer-link{color:#f5f7f4}.viewer-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.viewer-link{padding:var(--pad-control-sm);font-size:var(--text-sm)}.viewer-zoom,.viewer-count{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.viewer-body{flex:1;min-height:0;display:flex}.viewer-stage{touch-action:pinch-zoom;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.viewer-stage.is-zoomed{cursor:grab}.viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;transition:transform .12s ease-out}.viewer-nav{width:var(--touch-target);border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#00000059;border:0;height:64px;font-size:32px;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:8px}.viewer-next{right:8px}.viewer-info{background:#121a15;border-left:1px solid #ffffff1f;flex:0 0 300px;padding:16px;overflow:auto}.viewer-info h2{font-size:var(--text-h2);word-break:break-word;margin:0 0 12px}.viewer-info dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 12px;display:grid}.viewer-info dt{color:#a8b3ad}.viewer-info dd{margin:0}.viewer-info a{color:#9fd8c6}.viewer-info .hint{color:#a8b3ad;display:block}@media (width<=720px){.viewer-body{flex-direction:column}.viewer-info{border-top:1px solid #ffffff1f;border-left:0;flex:none;max-height:40vh}}.form-grid{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.filter-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.member-add{grid-template-columns:minmax(0,3fr) minmax(140px,1fr);gap:12px;display:grid}.people-results,.member-list,.trash-list,.plain-list{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}.people-results li,.member-list li,.trash-list li{min-height:var(--touch-target);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.member-controls{align-items:center;gap:8px;display:flex}.setup-card{padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:10px;display:flex}.setup-card h2,.setup-card p{margin:0}.trash-grid{gap:var(--gap-grid);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.trash-tile{flex-direction:column;gap:6px;display:flex}.trash-tile img,.trash-blank{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2);opacity:.75;width:100%;display:block}.trash-tile-meta{flex-direction:column;min-width:0;display:flex}.trash-tile-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-columns{gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.erase-row{flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px;display:flex}td.wrap{word-break:break-word;max-width:480px}