:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a0c;--surface:#131114;--surface2:#19161a;--surface3:#211c21;--sidebar:#100e11;--raised:#2b2327;--text:#f1ead8;--muted:#a49d92;--faint:#766e67;--line:#f1ead81f;--line-strong:#4b3d3f;--accent:#c8372d;--accent-hover:#df473b;--accent-text:#fff5e6;--danger-text:#ef8a7e;--green:#69b395;--amber:#d8b56c;--blue:#88a8d4;--purple:#b097ce;--content-max:1280px;--gutter:40px;--sidebar-width:256px;--topbar-height:64px;--radius:6px;--radius-small:4px;--shadow-pop:0 16px 32px #0008;--shadow-modal:0 24px 88px #0009;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.12s;--enter:.2s;--font:Manrope, "Segoe UI", Arial, sans-serif;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", Consolas, monospace;font-family:var(--font);font-variant-numeric:lining-nums;color:var(--text);background:var(--bg);font-size:15px}html{scrollbar-gutter:stable}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1{letter-spacing:-.5px;font-size:42px;line-height:1.15}h2{font-size:28px;line-height:1.2}h3{font-size:17px;font-weight:500;line-height:1.4}p{line-height:1.6}small,.small{font-size:13px}a{color:var(--text);text-underline-offset:4px;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);transition:color var(--fast) var(--ease)}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}:is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--amber);outline-offset:2px}input,textarea,select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);min-width:0;max-width:100%;min-height:40px;transition:border-color var(--fast) var(--ease);padding:8px 12px}:is(input,textarea,select):hover:not(:disabled,:focus){border-color:var(--line-strong)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 100px var(--surface) inset}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 100px var(--surface) inset}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 100px var(--surface) inset}textarea{resize:vertical;min-height:100px;line-height:1.5}::placeholder{color:var(--faint)}select:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23a49d92' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}select[multiple]{min-width:220px}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--accent);margin:0}input[type=color]{width:48px;height:40px;padding:4px}input[type=date]{min-width:148px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}input[type=file]{width:100%;color:var(--muted);padding:8px;font-size:13px}input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface3);color:var(--text);font:500 13px var(--font);cursor:pointer;margin-right:12px;padding:6px 12px}input[type=file]::file-selector-button:hover{border-color:var(--line-strong)}label{cursor:pointer}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--muted);padding:0;font-size:13px}summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;transition:transform var(--fast) var(--ease);flex-shrink:0;margin:0 4px 0 2px;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}kbd{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface2);min-height:20px;color:var(--muted);font:11px var(--mono);border-bottom-width:2px;align-items:center;padding:0 6px;display:inline-flex}.muted{color:var(--muted)}.danger{color:var(--danger-text)}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums lining-nums}.eyebrow{font:500 13px/1.4 var(--font);color:var(--muted)}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.grow{flex:1}.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@media (width<=900px){.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media (width<=600px){h1{font-size:32px}.grid-3{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){:not(.spin),:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;min-height:40px;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--surface3);border-color:var(--line-strong);color:var(--text)}.button:active:not(:disabled){transform:scale(.98)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.subtle{color:var(--muted);border-color:#0000}.button.subtle:hover{border-color:#0000}.button.danger{color:var(--danger-text)}.button.small{min-height:32px;padding:4px 12px;font-size:12px}.icon-button{border-radius:var(--radius-small);width:32px;height:32px;color:var(--muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-button:hover{background:var(--surface3);color:var(--text)}.page{width:100%;min-width:0;max-width:calc(var(--content-max) + 2 * var(--gutter));padding:40px var(--gutter) 56px;animation:rise var(--enter) var(--ease);flex:1;margin-inline:auto}.page:has(.kanban){max-width:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 32px;display:flex}.page-heading .eyebrow{align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-heading .eyebrow:before{content:"";background:var(--accent);width:24px;height:1px;display:block}.page-heading p{color:var(--muted);margin-top:8px}.heading-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{font-size:26px}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:20px;display:flex}.toolbar input:not([type=checkbox],[type=radio]){min-width:200px}.toolbar select{font-size:13px}.toolbar>label.row{min-height:40px;color:var(--muted);gap:8px;padding:0 8px;font-size:13px}.toolbar .field{gap:4px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{--dot:var(--faint);max-width:100%;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:inline-flex}.badge:before{content:"";background:var(--dot);border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.green{--dot:var(--green)}.badge.amber{--dot:var(--amber)}.badge.red{--dot:var(--accent-hover);color:var(--danger-text)}.badge.blue{--dot:var(--blue)}.badge.purple{--dot:var(--purple)}.tag{border:1px solid var(--line);border-radius:var(--radius-small);color:var(--muted);white-space:nowrap;align-items:center;padding:2px 8px;font-size:12px;line-height:1.5;display:inline-flex}.avatar{border:1px solid var(--line);font:12px var(--mono);color:#d8c9ad;border-radius:var(--radius-small);background:#252024;justify-content:center;align-items:center;display:inline-flex}.nav-count{border-radius:var(--radius-small);background:var(--surface3);min-width:20px;color:var(--text);font:12px/20px var(--mono);text-align:center;margin-left:auto;padding:0 4px}.nav-link.active .nav-count{background:var(--accent);color:var(--accent-text)}.progress-bar{background:var(--surface3);border-radius:2px;height:4px;overflow:hidden}.progress-bar>span{background:var(--green);height:100%;display:block}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;margin-bottom:24px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;transition:color var(--fast) var(--ease);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:13px}.tab.active{color:var(--text);border-color:var(--accent)}.tab:hover{color:var(--text)}.segmented{border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.segmented :is(button,a){border-radius:var(--radius-small);min-height:30px;color:var(--muted);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:8px;padding:0 12px;font-size:12px;text-decoration:none;display:flex}.segmented :is(button,a):hover{color:var(--text)}.segmented :is(button,a).active,.segmented :is(button,a)[aria-pressed=true]{background:var(--surface3);color:var(--text)}.empty-state{text-align:center;min-height:200px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state h3{color:var(--text)}.empty-state p{max-width:392px;font-size:14px}.boot{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background:var(--surface);color:var(--muted);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:500}.data-table td{border-top:1px solid var(--line);vertical-align:middle;max-width:340px;padding:12px 16px}.data-table :is(th,td).num{text-align:right;white-space:nowrap}.data-table tr:hover td{background:#ffffff04}.data-table td small{color:var(--muted);margin-top:4px;display:block}.data-table td .actions{flex-wrap:nowrap;justify-content:flex-end}.field{flex-direction:column;gap:8px;font-size:13px;display:flex}.field>:is(span,label){color:var(--muted)}.field :is(input,textarea,select){width:100%}.field.invalid :is(input,textarea,select){border-color:#c8372d99}.compact-form{max-width:560px}.page .stack>.button{align-self:flex-start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.notice{border:1px solid var(--line);background:var(--surface2);border-radius:var(--radius-small);padding:12px 16px;font-size:13px;line-height:1.6}.notice.warning{color:var(--amber);background:#d8b56c08;border-color:#d8b56c55}.notice.error{color:#ee9b90;background:#c8372d0b;border-color:#c8372d66}.notice.success{color:var(--green);border-color:#69b39555}.modal-backdrop{z-index:80;background:#000b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:528px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-modal);animation:rise var(--enter) var(--ease);overflow:auto}.modal.wide{width:848px}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.modal-header h2{font-size:26px}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.toast-stack{z-index:130;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--raised);border:1px solid var(--line-strong);max-width:540px;box-shadow:var(--shadow-pop);border-radius:var(--radius);animation:rise var(--enter) var(--ease);justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;line-height:1.5;display:flex}.toast.success{border-color:#69b39566}.toast.warning{border-color:#d8b56c66}.toast.error{border-color:#c8372d99}@media (width<=1200px){.page{padding-block:32px 40px}.page-heading{flex-wrap:wrap}}@media (width<=600px){.page{padding-block:24px 32px}.page-heading{gap:16px;margin-bottom:24px}.heading-actions{flex-wrap:wrap;max-width:100%}.toolbar>*{max-width:100%}.toolbar input:not([type=checkbox],[type=radio]){width:100%}.toolbar select{flex:1;min-width:120px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:94vh}.modal-header,.modal-body,.panel{padding:16px}.toast-stack{font-size:13px;bottom:12px;left:12px;right:12px}.tabs{margin-inline:-16px;padding:0 8px}.tab{padding:12px}.data-table.cards thead{display:none}.data-table.cards,.data-table.cards tbody,.data-table.cards tr,.data-table.cards td{max-width:none;display:block}.data-table.cards tr{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px;display:grid}.data-table.cards tr:first-child{border-top:0}.data-table.cards td{border:0;padding:0}.data-table.cards td[data-label]:before{content:attr(data-label);color:var(--faint);margin-bottom:2px;font-size:12px;display:block}.data-table.cards td.lead{grid-column:1/-1}.data-table.cards tr:hover td{background:0 0}}.brand{font-family:var(--serif);color:inherit;align-items:center;gap:12px;padding:24px 20px;font-size:20px;line-height:1.1;text-decoration:none;display:flex}.brand:hover{color:inherit}.brand small{color:var(--muted);margin-top:2px;font-size:15px;display:block}.brand-mark{border-radius:var(--radius-small);background:var(--accent);width:36px;height:36px;color:var(--text);font-family:var(--serif);flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:inline-flex}
