.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.shell--bare{display:block;max-width:640px;margin:12vh auto;padding:0 20px}.side{display:flex;flex-direction:column;gap:var(--gap-stack);padding:var(--gap-stack) 12px;background:var(--surface-2);border-right:1px solid var(--line)}.side__brand{padding:4px 10px 0;font-weight:650;letter-spacing:-.01em}.side__brand span{color:var(--ink-soft);font-weight:500}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:13.5px;text-decoration:none}.side__link:hover{background:var(--surface);color:var(--ink)}.side__link.active{background:var(--surface);color:var(--ink);font-weight:600}.side__foot{margin-top:auto;padding:0 10px;color:var(--ink-faint);font-size:11.5px;line-height:1.5}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:flex-end;height:52px;padding:0 20px;border-bottom:1px solid var(--line)}.content{display:flex;flex-direction:column;gap:var(--gap-stack);padding:20px;overflow-y:auto}.muted{color:var(--ink-soft)}.sub{color:var(--ink-soft);font-size:12px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.num{text-align:right;font-variant-numeric:tabular-nums}.counts{display:flex;gap:14px;font-size:12px;font-variant-numeric:tabular-nums}.counts b{font-variant-numeric:tabular-nums}:root{--bg: #f5f7f4;--surface: #ffffff;--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: #ffffff;--on-danger: #ffffff;--danger: #ae4038;--danger-strong: #8f3029;--danger-soft: #f6e3e0;--shadow-doc: 0 1px 2px rgba(21, 32, 25, .06), 0 8px 24px -12px rgba(21, 32, 25, .18);--shadow-pop: 0 2px 6px rgba(21, 32, 25, .08), 0 12px 32px -14px rgba(21, 32, 25, .28);--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 rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5);--shadow-pop: 0 2px 6px rgba(0, 0, 0, .4), 0 12px 32px -14px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0}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{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!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{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel__header h2,.panel__header h3{font-size:var(--text-h2);margin:0}.divider{height:1px;background:var(--line);margin:var(--gap-stack) 0;border:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-grid)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--gap-grid) - 2px)}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-grid);margin-bottom:18px}.page-head h1{font-size:var(--text-h1);margin:0}.page-sub{color:var(--ink-soft);font-size:var(--text-sm);margin:4px 0 0;max-width:58ch}.page-head__actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.scope-note{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint);font-size:var(--text-xs);margin-top:8px}.scope-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--brand-strong);padding:3px 9px;border-radius:20px;font-size:var(--text-xs);margin-top:8px;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);background:none;border:none;font-size:var(--text-sm);margin-bottom:12px;padding:2px 0;cursor:pointer;text-decoration:none}.back-link:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:var(--pad-control);border-radius:8px;font-family:inherit;font-size:var(--text-sm);font-weight:500;border:1px solid transparent;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn svg{width:15px;height:15px;flex-shrink:0}.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{background:transparent;color:var(--ink-soft)}.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{display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);border-radius:8px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;flex-shrink:0;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{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:34px 20px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-faint);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.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{font-weight:600;color:var(--ink)}.dropzone:hover:not(:disabled) .dropzone__title{color:var(--brand-strong)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:var(--text-xs);font-weight:500;line-height:1.5;white-space:nowrap}.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{margin-bottom:14px;text-align:left}.field label{display:block;font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:5px;font-weight:500}.input,.select,.textarea,.field input,.field select,.field textarea{width:100%;padding:var(--pad-input);border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--text-base);transition:border-color .12s ease,box-shadow .12s ease}.textarea,.field textarea{resize:vertical;min-height:70px}.input:focus,.select:focus,.textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.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{position:relative;display:block}.input-affix>.input,.input-affix>input{padding-right:40px}.input-affix__button{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:30px;height:30px}.checkrow{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--ink-soft);font-weight:400;text-transform:none;padding:4px 0;cursor:pointer}.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{display:flex;gap:10px;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:320px}.search-box svg{position:absolute;left:10px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.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{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.clamp-1{-webkit-line-clamp:1;line-clamp:1}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.field-heading{display:flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);margin:0 0 10px}.field-heading .muted{font-weight:400}.readonly-value{padding:var(--pad-input);border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font-weight:500}.is-done{text-decoration:line-through;color:var(--ink-faint)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.media-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.media-tile--video{aspect-ratio:16 / 10}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}.media-tile__actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#00000073;opacity:0;transition:opacity .12s ease}.media-tile:hover .media-tile__actions,.media-tile__actions:focus-within{opacity:1}@media(hover:none){.media-tile__actions{opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 45%);align-items:flex-start;justify-content:flex-end;padding:6px}}.media-tile__actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer}.media-tile__actions button:hover{background:#ffffff57}.media-tile__badge{position:absolute;top:6px;left:6px;background:var(--brand);color:var(--on-brand);padding:1px 7px;border-radius:20px;font-size:10px;font-weight:600}.dropzone--tile{aspect-ratio:1;padding:10px;border-radius:var(--radius-md)}.lightbox{background:transparent;border:none;box-shadow:none;padding:0;max-height:calc(100vh - 48px)}.lightbox img,.lightbox video{display:block;max-width:100%;max-height:calc(100vh - 120px);margin:0 auto;border-radius:var(--radius-md);object-fit:contain}.token-field{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:46px;padding:6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.token-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.token-field__input{display:flex;align-items:center;gap:7px;flex:1;min-width:150px;padding:0 4px}.token-field__input input{border:none;background:none;outline:none;padding:4px 0;width:100%;font:inherit;color:inherit}.token-field__menu{position:absolute;z-index:60;top:100%;left:0;width:100%;margin-top:5px;max-height:240px;overflow-y:auto}.token{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:20px;background:var(--brand-soft);color:var(--brand-strong);font-size:var(--text-xs);font-weight:500}.token__remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:inherit;border-radius:50%;padding:2px;cursor:pointer;line-height:0}.token__remove:hover{background:var(--brand);color:var(--on-brand)}.color-input{width:52px;height:38px;padding:3px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);cursor:pointer;flex-shrink:0}.search-box__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--pad-cell-head);font-weight:500;color:var(--ink-faint);border-bottom:1px solid var(--line);white-space:nowrap;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 ease}.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{font-weight:500;white-space:normal}.empty-row td{color:var(--ink-faint);text-align:center;padding:26px}.cell-stack{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.cell-fields{display:flex;flex-direction:column;gap:6px;min-width:150px}.cell-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.link-button{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.link-button:hover{color:var(--brand-strong);text-decoration:underline;text-underline-offset:2px}.icon-btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.drag-handle{display:inline-flex;padding:2px;color:var(--ink-faint);cursor:grab}.drag-handle:hover{color:var(--ink-soft)}.drag-handle:active{cursor:grabbing}.table tbody tr.is-dragging{background:var(--brand-soft)}.swatch{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--line-strong);vertical-align:middle}.stack{display:flex;flex-direction:column;gap:var(--gap-stack)}.stack--tight{gap:8px}.calendar__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar__title{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.calendar__nav{display:flex;align-items:center;gap:4px}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:6px}.calendar__weekday{text-align:center;font-size:11px;font-weight:500;color:var(--ink-faint);padding:2px 0}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.calendar__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cal-day{position:relative;min-height:76px;border:none;border-radius:0;background:var(--surface);padding:6px 7px;display:flex;flex-direction:column;gap:4px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background-color .12s ease}.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);font-weight:500;color:var(--ink-soft);align-self:flex-start}.cal-day__label{font-size:10.5px;line-height:1.35;padding:1px 5px;border-radius:4px;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);color:var(--ink-soft)}.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{display:flex;flex-direction:column;gap:2px;margin-top:auto;min-width:0}.cal-day__event{font-size:10px;padding:1px 4px;border-radius:3px;background:var(--surface-3);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-day__event--more{background:none;color:var(--ink-faint);padding-left:0}@media(max-width:720px){.cal-day{min-height:58px}.cal-day__label,.cal-day__event{font-size:9.5px}}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-grid)}.person-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.person-card h3{font-size:var(--text-base);margin:4px 0 0}.person-card__email{overflow-wrap:anywhere;margin:0}.chart-box{height:320px;width:100%;color:var(--ink-soft);font-size:var(--text-xs)}@media(max-width:720px){.chart-box{height:260px}}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:var(--text-sm)}.list-item:first-child{border-top:none}.list-item>span:first-child{font-weight:500}.avatar{width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;text-transform:uppercase;overflow:hidden}.avatar--sm{width:22px;height:22px;font-size:9.5px}.avatar--lg{width:56px;height:56px;font-size:19px}.avatar img{width:100%;height:100%;object-fit:cover}.avatars-stack{display:flex}.avatars-stack .avatar{margin-left:-8px;border:2px solid var(--surface)}.avatars-stack .avatar:first-child{margin-left:0}.stat-row{display:flex;gap:10px}.stat-box{flex:1;background:var(--surface-2);border-radius:8px;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{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.progress-bar{height:100%;border-radius:3px;background:var(--brand);transition:width .2s ease}.chart-svg{width:100%;height:auto;display:block;color:var(--ink)}.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:var(--text-xs);color:var(--ink-faint)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:14px;height:2px;flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,1fr)}@media(min-width:720px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:var(--gap-stack);overflow-x:auto}.tabs__tab{padding:8px 13px;border:none;background:none;color:var(--ink-faint);font-family:inherit;font-size:var(--text-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.tabs__tab:hover{color:var(--ink-soft)}.tabs__tab--active{color:var(--brand-strong);border-bottom-color:var(--brand)}.notice{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;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)}.notice svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.notice--brand{background:var(--brand-soft);border-color:transparent;color:var(--brand-strong)}.notice--accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-strong)}.notice--danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.notice__title{font-weight:600;color:inherit}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:12px;overflow-x:auto;align-items:start}.kanban-col-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px}.kanban-col-head h4{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);margin:0}.kanban-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 11px;margin-bottom:8px;cursor:pointer}.kanban-card:hover{border-color:var(--line-strong)}.kanban-col{display:flex;flex-direction:column;height:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px}.kanban-col__body{flex:1;min-height:200px;border-radius:var(--radius-sm);transition:background-color .12s ease}.kanban-col__body.is-over{background:var(--brand-soft)}.kanban-col__count{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);padding:1px 7px;border-radius:20px;font-size:var(--text-xs);font-weight:600}.kanban-col--add{border-style:dashed;background:transparent;align-items:center;justify-content:center;min-height:120px;color:var(--ink-faint);font-size:var(--text-sm);font-weight:500;gap:7px;flex-direction:row;cursor:pointer;width:100%}.kanban-col--add:hover{border-color:var(--brand);color:var(--brand-strong)}.kanban-card__body{margin-bottom:12px;cursor:pointer}.kanban-card__title{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--ink);margin:2px 0 0;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{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:9px;margin-top:auto}.kanban-card__who{display:flex;align-items:center;gap:7px;min-width:0}.kanban-card__whotext{display:flex;flex-direction:column;min-width:0}.kanban-card__name{font-size:var(--text-xs);font-weight:500;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.kanban-card__email{font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.kanban-card__hours{display:flex;align-items:center;gap:4px;color:var(--ink-faint);font-size:var(--text-xs);flex-shrink:0}.card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.card-row__tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.card-row__actions{display:flex;align-items:center;gap:1px;flex-shrink:0}@media(hover:hover){.card-row__actions{opacity:0;transition:opacity .12s ease}.kanban-card:hover .card-row__actions,.card-row__actions:focus-within{opacity:1}}.icon-btn--xs{width:24px;height:24px;border-radius:var(--radius-sm)}.icon-btn--xs svg{width:14px;height:14px}.proj-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.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{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.comments{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.comment{display:flex;align-items:flex-start;gap:10px}.comment__body{flex:1;min-width:0}.comment__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:var(--text-sm)}.comment__text{font-size:var(--text-sm);margin-top:3px;white-space:pre-wrap;overflow-wrap:anywhere}.comment__actions{display:flex;gap:12px;margin-top:4px;font-size:var(--text-xs)}.comment-compose{position:relative}.comment-compose__mentions{position:absolute;bottom:100%;left:0;margin-bottom:5px;width:260px;max-height:220px;overflow-y:auto}.mention{color:var(--brand-strong);font-weight:600}.attachment__thumb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-2);border:none;color:var(--ink-soft);flex-shrink:0;overflow:hidden;padding:0}button.attachment__thumb{cursor:pointer}button.attachment__thumb:hover{outline:2px solid var(--brand);outline-offset:1px}.attachment__thumb img{width:100%;height:100%;object-fit:cover}.attachment__meta{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.attachment__name{font-weight:500;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--line)}.timeline__item{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;font-size:var(--text-sm);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0;box-shadow:0 0 0 3px var(--surface)}.skeleton{display:block;background:var(--surface-2);border-radius:var(--radius-sm);animation:iboon-pulse 1.6s ease-in-out infinite}.skeleton--circle{border-radius:50%}@keyframes iboon-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-chart{display:flex;align-items:flex-end;gap:10px;height:220px;margin:18px 0}.skeleton-chart .skeleton{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#15201980;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-doc);padding:var(--pad-card)}.modal-panel--sm{max-width:400px}.modal-panel--lg{max-width:760px}.modal-panel--xl{max-width:1040px}.modal-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-panel__header h2{margin:0;font-size:18px}.modal-panel__close{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:4px;border-radius:var(--radius-sm);line-height:0}.modal-panel__close:hover{background:var(--surface-2);color:var(--ink)}.modal-panel__body{margin-top:12px;display:flex;flex-direction:column;gap:var(--gap-stack)}.modal-panel__section h3{margin:0 0 4px;font-size:var(--text-h2)}.modal-panel__section p{margin:0;color:var(--ink-soft);font-size:var(--text-sm)}.modal-panel__footer{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--gap-stack)}.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{display:flex;flex-direction:column;overflow:hidden}.popover__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:var(--text-sm);flex-shrink:0}.popover__body{padding:10px 12px;overflow-y:auto;font-size:var(--text-sm)}.context-menu{position:fixed;min-width:180px;padding:5px}.context-menu__header{padding:7px 9px 6px;font-size:var(--text-xs);color:var(--ink-faint);border-bottom:1px solid var(--line);margin-bottom:4px}.context-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:none;background:none;color:var(--ink);font-family:inherit;font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.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{padding:10px 9px;font-size:var(--text-sm);color:var(--ink-faint)}.toast-wrap{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1300}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:9px;font-size:var(--text-sm);box-shadow:var(--shadow-doc);max-width:320px}: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{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0;line-height:0;margin-left:auto}.toast__close:hover{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:var(--ink-soft)}.empty-state .ic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand-strong);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.empty-state h3{font-size:16px;margin:0 0 6px}.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{display:inline-block;width:15px;height:15px;border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;animation:iboon-spin .6s linear infinite;flex-shrink:0}@keyframes iboon-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}