:root{--paper:#07100e;--surface:#0f1d1a;--surface-2:#14241f;--ink:#eaf2ee;--muted:#9db3aa;--line:#ffffff1f;--action:#35e0a1;--assigned:#4f7dff;--review:#f0a33a;--error:#ff6b5e;--action-bg:#35e0a114;--assigned-bg:#4f7dff1a;--review-bg:#f0a33a1a;--error-bg:#ff6b5e1a;--radius:10px;--shadow:0 1px 3px #0000004d;--shadow-float:0 12px 32px #00000073;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}::selection{color:var(--ink);background:#35e0a14d}*{scrollbar-color:#ffffff2e transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--paper);background:#ffffff2e;border-radius:10px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:3px solid var(--action);outline-offset:3px;border-radius:4px}h1,h2,h3,.display{font-family:var(--font-display);font-variation-settings:"wdth" 110;letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0}a{color:var(--action);text-decoration:none}a:hover{text-decoration:underline}.num,.money{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.875rem}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1}button,.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:9px 16px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}button:hover,.btn:hover{border-color:#ffffff3d;text-decoration:none}button.primary,.btn.primary{background:var(--action);color:#04120d;border-color:var(--action)}button.primary:hover{background:#5deab5}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{border-color:var(--line)}button.danger{color:var(--error)}button.small,.btn.small{padding:5px 10px;font-size:.875rem}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:not-allowed}label.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}label.field>span.hint{font-size:.8rem}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:9px 12px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--action);outline:none}input[type=checkbox]{width:18px;height:18px;accent-color:var(--action)}.add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.add-grid .full{grid-column:1/-1}@media (width<=640px){.add-grid{grid-template-columns:1fr}}.inline-editor{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:12px;padding:16px;animation:.16s ease-out open;display:grid}@keyframes open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#07100eeb;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.02em;color:var(--ink);font-size:1.25rem;font-weight:900}.brand:hover{text-decoration:none}.brand b{color:var(--action)}.nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);border-radius:var(--radius);white-space:nowrap;padding:8px 12px;font-weight:700}.nav a:hover{color:var(--ink);background:var(--surface);text-decoration:none}.nav a[aria-current=page]{color:var(--ink);background:var(--surface-2)}.account{white-space:nowrap;align-items:center;gap:8px;display:flex}.main{flex-direction:column;gap:24px;max-width:1240px;margin:0 auto;padding:24px;display:flex}@media (width<=760px){.topbar{flex-wrap:wrap;padding:10px 16px}.nav{flex-basis:100%;order:3}.account{margin-left:auto}.account .muted{display:none}.main{padding:16px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head p{color:var(--muted);margin-top:4px}.window{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.window.tight{padding:14px}.lines{flex-direction:column;display:flex}.lines>*{border-top:1px solid var(--line);padding:12px 0}.lines>:first-child{border-top:none;padding-top:0}.link-row{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.link-row:hover{text-decoration:none}.link-row:hover .name{color:var(--action)}.name{font-weight:700}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.tag.action{color:var(--action);background:var(--action-bg);border-color:#35e0a159}.tag.assigned{color:#9db4ff;background:var(--assigned-bg);border-color:#4f7dff66}.tag.review{color:var(--review);background:var(--review-bg);border-color:#f0a33a66}.tag.error{color:var(--error);background:var(--error-bg);border-color:#ff6b5e66}.kind-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-block}.review-bg{background:var(--review-bg);border-radius:var(--radius);color:var(--ink);border:1px solid #f0a33a4d;padding:12px 16px}.review-bg.strong{border-color:#f0a33a99}.error-bg{background:var(--error-bg);border-radius:var(--radius);border:1px solid #ff6b5e4d;padding:12px 16px}.action-bg{background:var(--action-bg);border-radius:var(--radius);border:1px solid #35e0a14d;padding:12px 16px}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 14px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--action)}.board{scroll-snap-type:x proximity;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.column{border-radius:var(--radius);scroll-snap-align:start;background:#ffffff05;border:1px solid #0000;flex-direction:column;gap:8px;min-height:160px;padding:10px;display:flex}.column.drop-target{border-color:var(--action)}.column-head{justify-content:space-between;align-items:baseline;padding:2px 4px 6px;display:flex}.column-head h3{font-size:.95rem}.column-head.terminal h3{color:var(--muted)}.column.today .column-head h3{color:var(--action)}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;width:100%;color:var(--ink);flex-direction:column;align-items:stretch;gap:6px;padding:12px;font-weight:400;transition:transform .15s,border-color .15s;display:flex}.tile:hover{border-color:#ffffff38;transform:translateY(-2px)}.tile.status-done{opacity:.62}.tile.status-review{background:var(--review-bg);border-color:#f0a33a59}.tile.status-cancelled{opacity:.4;text-decoration:line-through}.tile.dragging{opacity:.6}.tile .name{font-size:.98rem}.tile .open{text-align:left;color:var(--ink);background:0 0;border:none;justify-content:flex-start;padding:0;font-weight:700}.tile .open:hover .name{color:var(--action)}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.plans{grid-template-columns:1fr}}.plan-card{flex-direction:column;gap:14px;display:flex;position:relative}.plan-card.current{border-color:var(--action)}.plan-card .badge{position:absolute;top:14px;right:14px}.price{font-family:var(--font-display);font-variation-settings:"wdth" 110;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1}.price small{color:var(--muted);font-size:1rem;font-weight:700}.plan-card ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.metrics{grid-template-columns:1fr}}.metric{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.metric .label{color:var(--muted);font-size:.85rem}.metric .value{font-family:var(--font-display);font-variation-settings:"wdth" 110;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.metric .value.pos{color:var(--action)}.metric .value.neg{color:var(--error)}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:.8rem;font-weight:700}table.data td{border-bottom:1px solid var(--line);padding:10px}table.data td.r,table.data th.r{text-align:right}.table-wrap{overflow-x:auto}.stars{gap:2px;display:inline-flex}.stars .star{color:#fff3;font-size:1.1rem;line-height:1}.stars .star.on{color:var(--action)}.stars button.star{background:0 0;border:none;padding:2px;font-size:1.6rem}.carousel{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.carousel button{border:1px solid var(--line);background:0 0;flex:none;padding:0;overflow:hidden}.carousel img{object-fit:cover;width:84px;height:84px;display:block}.lightbox{z-index:100;background:#000000e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);max-width:100%;max-height:100%}.lightbox button{position:absolute;top:16px;right:16px}.overlay{z-index:50;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--surface);border-left:1px solid var(--line);width:min(520px,100%);height:100%;box-shadow:var(--shadow-float);flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.dialog-wrap{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-float);flex-direction:column;gap:16px;width:min(460px,100%);padding:24px;display:flex}.menu{position:relative}.menu-list{z-index:30;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);min-width:190px;box-shadow:var(--shadow-float);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{background:0 0;border:none;justify-content:flex-start;padding:8px 10px;font-weight:400}.menu-list button:hover{background:var(--surface)}.toast{z-index:200;background:var(--surface-2);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-float);border:1px solid #35e0a166;padding:10px 18px;font-weight:700;animation:.16s ease-out open;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.error{border-color:#ff6b5e80}.state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.auth{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth .window{flex-direction:column;gap:18px;width:min(420px,100%);padding:28px;display:flex}.team-app .main{max-width:640px}.check-item{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.check-item:first-child{border-top:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tile:hover{transform:none}}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric.attention{background:var(--review-bg);border-color:#f0a33a59}a.metric:hover{border-color:#ffffff3d}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:#ffffff05}.plan-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=760px){.plan-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-option{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);flex-direction:column;gap:2px;padding:12px 14px;display:flex;position:relative}.plan-option input{opacity:0;pointer-events:none;position:absolute}.plan-option.selected{border-color:var(--action);background:var(--action-bg)}.plan-option:has(input:focus-visible){outline:3px solid var(--action);outline-offset:3px}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell>.topbar{flex:none;position:relative}.app-shell>.main{flex:auto;width:100%;min-height:0;overflow-y:auto}.app-shell>.main>*{flex:none}.page{flex-direction:column;gap:20px;min-height:0;display:flex;flex:auto!important}.page>*{flex:none}.page>.fill,.page>.split{flex:auto;min-height:240px}.fill{flex-direction:column;min-height:0;display:flex}.window.fill{overflow:hidden}.scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:auto}.lines.scroll{padding-right:6px}.stack.scroll{padding:2px 6px 2px 2px}.table-wrap.scroll table.data thead th{z-index:1;background:var(--surface);position:sticky;top:0}.split{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;display:grid}.split.two{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.split>.window{min-height:0}@media (width<=900px){.split.two{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.page>.split.two{min-height:520px}}.page.detail{overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px;overflow-y:auto}.page.detail>.page-head{z-index:5;background:var(--paper);box-shadow:0 1px 0 var(--line);margin-bottom:-8px;padding:8px 0 12px;position:sticky;top:0}.page.detail>*{flex:none}.board.fill{grid-template-rows:minmax(0,1fr);min-height:260px;padding-bottom:6px;display:grid}.board.fill>.column{overscroll-behavior:contain;background:#0c1513;min-height:0;padding-top:0;overflow-y:auto}.board.fill>.column>.column-head{z-index:2;background:#0c1513;padding-top:10px;position:sticky;top:0}.board.fill>.column>.tile{flex:none}@media (width<=760px){.page{gap:14px}.page>.fill,.page>.split{min-height:300px}.board.fill{grid-auto-columns:minmax(78%,1fr);min-height:320px}.page-head h1{font-size:1.4rem}.page-head .row{gap:6px}.review-bg.spread{padding:8px 12px}.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics.four .metric{padding:10px 12px}.metrics.four .metric .value{font-size:1.25rem}}.main>.review-bg.spread,.page>.review-bg.spread{padding:8px 14px}.main:has(>.review-bg){gap:14px}.twofa-setup{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}.twofa-setup .qr{border-radius:var(--radius);background:#fff;padding:6px}.twofa-setup code.secret,.recovery-grid code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.recovery-grid code{text-align:center;letter-spacing:.05em;padding:8px;font-size:1rem}@media (width<=560px){.twofa-setup{grid-template-columns:1fr}}.account a.who{color:var(--muted);font-size:.875rem}.account a.who:hover{color:var(--ink)}.danger-zone{border-radius:var(--radius);background:var(--error-bg);border:1px solid #ff6b5e59;margin-top:8px;padding:14px 16px}button.danger-fill{background:var(--error);border-color:var(--error);color:#1a0503}button.danger-fill:hover{background:#ff8277}
