@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg: .5rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--surface: #fff;--background: #f6f8fc;--ink: #0f1b3d;--muted: #5e6a85;--border: #e2e7f0;--border-strong: #cbd3e1;--brand: #2b55e0;--brand-hover: #2247c4;--on-brand: #fff;--soft: #eaf0fe;--ring: rgb(43 85 224 / 22%);--highlight: #ffd43b;--control-off: #7f8aa3;--sidebar: #fff;--danger: #c43d4f;--danger-soft: #fdf0f2;--danger-border: #f2cdd3;--success: #2e8657;--success-soft: #eaf7ef;--warning: #9a5f0c;--warning-soft: #fdf4e3;--blue: #3a6fb0;--blue-soft: #eaf2fc;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);--shadow-lg: 0 16px 48px rgb(22 22 40 / 18%);--mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--sidebar-width: 248px;font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--background);color-scheme:light}:root.dark{--surface: #152038;--background: #0e1526;--ink: #e8ecf7;--muted: #98a3bd;--border: #24304d;--border-strong: #384667;--brand: #7c9dff;--brand-hover: #96b0ff;--on-brand: #0e1526;--soft: #1c2b52;--ring: rgb(124 157 255 / 30%);--control-off: #64749a;--sidebar: #111a30;--danger: #f08a98;--danger-soft: #3a2229;--danger-border: #623745;--success: #74d0a0;--success-soft: #1e3a2d;--warning: #e6b462;--warning-soft: #3a301b;--blue: #86b5f0;--blue-soft: #1e2c42;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 45%);color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--background);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}a.btn:hover,a.list-row:hover,a.project-card:hover,nav a:hover{text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1{font-size:26px;line-height:1.25;letter-spacing:-.5px;font-weight:650;overflow-wrap:anywhere}h2{font-size:18px;line-height:1.35;letter-spacing:-.2px;font-weight:650}h3{font-size:15px;line-height:1.4;font-weight:600}small{font-size:12px}code{font-family:var(--mono);font-size:.92em}svg{vertical-align:middle}input,textarea,select{width:100%;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 12px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}:where(:root:not(.dark)) input,:where(:root:not(.dark)) textarea,:where(:root:not(.dark)) select{border-color:#d9dde6}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}input:disabled,textarea:disabled,select:disabled,input[readonly]{background:var(--background);color:var(--muted)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;padding:0;margin:0;flex-shrink:0;accent-color:var(--brand);box-shadow:none}input[type=file]{min-height:0;padding:0;border:0;background:none}textarea{resize:vertical;line-height:1.5}label,.field>.label{display:block;font-size:13px;font-weight:600;margin:0}details>summary{cursor:pointer;font-weight:600;list-style-position:inside}details.panel{padding-block:16px}hr{border:0;border-top:1px solid var(--border);margin:0}.muted{color:var(--muted)}.small{font-size:12px}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.stack.xs{gap:4px}.stack.sm{gap:8px}.stack.lg{gap:24px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.row.nowrap{flex-wrap:nowrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grow{flex:1;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.form-grid>.span-2{grid-column:1 / -1}@media(max-width:700px){.form-grid{grid-template-columns:minmax(0,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color .15s,border-color .15s,box-shadow .15s}:root:not(.dark) .btn{border-color:#dadee7}.btn:hover:not(:disabled){background:var(--background)}.btn df-icon{width:16px;height:16px}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn.danger{background:#c43d4f;border-color:#c43d4f;color:#fff}.btn.danger:hover:not(:disabled){background:#ad3343}.btn.danger-outline{color:var(--danger);border-color:var(--danger-border)}.btn.danger-outline:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--background)}.btn.sm{min-height:30px;padding:4px 10px;font-size:12px;gap:6px}.btn.sm df-icon{width:14px;height:14px}.btn.block,.btn.full{width:100%}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--muted)}.icon-btn df-icon{width:20px;height:20px}.icon-btn:hover:not(:disabled),.icon-btn[aria-expanded=true]{background:var(--background);color:var(--ink)}.icon-btn.sm{width:28px;height:28px;border-radius:6px}.icon-btn.sm df-icon{width:16px;height:16px}.icon-btn .dot{position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.text-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;border:0;background:transparent;color:var(--brand);font-size:13px;font-weight:600}.text-btn:hover:not(:disabled){text-decoration:underline}.text-btn.danger{color:var(--danger)}.text-btn df-icon{width:16px;height:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label .required,.required{color:var(--danger);margin-left:2px}.optional{font-weight:400;color:var(--muted);margin-left:4px;font-size:12px}.hint{color:var(--muted);font-size:12px;line-height:1.45}.field-error,.form-error{color:var(--danger);font-size:12px;line-height:1.45}.checkbox,.checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:400;cursor:pointer}.switch{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer}.switch input[type=checkbox]{appearance:none;position:relative;width:34px;height:20px;border:0;border-radius:999px;background:var(--control-off);cursor:pointer;transition:background-color .15s}.switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch input[type=checkbox]:checked{background:var(--brand)}.switch input[type=checkbox]:checked:before{transform:translate(14px);background:var(--on-brand)}.switch input[type=checkbox]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.input-affix{display:flex;align-items:stretch;min-width:0;border:1px solid #d9dde6;border-radius:var(--radius);background:var(--surface);overflow:hidden}:root.dark .input-affix{border-color:var(--border-strong)}.input-affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.input-affix>input,.input-affix>select{flex:1;min-width:0;border:0;border-radius:0;box-shadow:none}.input-affix>input:focus{box-shadow:none}.input-affix>span{display:inline-flex;align-items:center;padding:0 10px;background:var(--background);color:var(--muted);font-family:var(--mono);font-size:13px;white-space:nowrap}.input-affix.code>input{font-family:var(--mono);font-size:13px}.input-affix>.icon-btn{height:auto;border-radius:0}.search-input{position:relative;min-width:0}.search-input df-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.search-input input{padding-left:34px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:0}.panel.flush{padding:0;overflow:hidden}.panel.flush>.section-heading{margin:0;padding:16px 20px;border-bottom:1px solid var(--border)}.card-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border-bottom:1px solid var(--border);color:var(--ink);background:transparent}.card-list>.list-row:last-child,.panel.flush>.list-row:last-child,.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover,.list-row.clickable:hover{background:var(--background);cursor:pointer}button.list-row{width:100%;border-top:0;border-left:0;border-right:0;text-align:left;font:inherit}.list-row strong{font-weight:600}.list-row small,.list-row .meta{display:block;color:var(--muted);font-size:12px}.list-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius);background:var(--soft);color:var(--brand)}.list-icon df-icon{width:18px;height:18px}.empty,.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;text-align:center;color:var(--muted)}.empty>df-icon,.empty-state>df-icon,.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;margin-bottom:4px;border-radius:50%;background:var(--soft);color:var(--brand)}.empty h2,.empty h3,.empty-state h2,.empty-state h3{color:var(--ink);font-size:16px}.empty p,.empty-state p{max-width:420px;font-size:13px}.empty .btn,.empty-state .btn{margin-top:8px}.notice{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius);background:var(--soft);color:var(--ink);font-size:13px}.notice>df-icon{width:18px;height:18px;color:var(--brand)}.notice>span,.notice>p{flex:1;min-width:0}.notice.warn{background:var(--warning-soft)}.notice.warn>df-icon{color:var(--warning)}.notice.danger{border-color:var(--danger-border);background:var(--danger-soft)}.notice.danger>df-icon{color:var(--danger)}.error-box,.success-box{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;border:1px solid var(--danger-border);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:13px}.success-box{border-color:transparent;background:var(--success-soft);color:var(--success)}.error-box .btn,.success-box .btn{margin-left:auto}.error-text{color:var(--danger)}.skeleton{min-height:16px;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 20%,var(--border) 45%,var(--surface) 70%);background-size:200% 100%;animation:skeleton 1.6s ease infinite}@keyframes skeleton{to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--background);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}.badge df-icon{width:12px;height:12px}.badge.green,.badge.amber,.badge.red,.badge.purple,.badge.blue{border-color:transparent}.badge.green{background:var(--success-soft);color:var(--success)}.badge.amber{background:var(--warning-soft);color:var(--warning)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.purple{background:var(--soft);color:var(--brand)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 8px;border-radius:6px;background:var(--soft);color:var(--brand);font-family:var(--mono);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.chip.ok{background:var(--success-soft);color:var(--success)}.chip.warn{background:var(--warning-soft);color:var(--warning)}button.chip{border:0;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:6px}.kbd{display:inline-block;padding:0 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--surface);font-family:var(--mono);font-size:11px;line-height:1.6}.progress{height:4px;border-radius:999px;background:var(--border);overflow:hidden}.progress>span{display:block;height:100%;max-width:100%;border-radius:999px;background:var(--brand)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}.page-header>div:first-child{min-width:0;max-width:100%}.page-header h1+p{margin-top:4px;color:var(--muted)}.page-header>.row,.page-header>.actions{flex-shrink:0}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-width:0}@media(max-width:560px){.section-heading>.row{flex:1 1 100%;justify-content:flex-end}}.section-heading h2{font-size:16px}.section-heading p{margin-top:2px;color:var(--muted);font-size:13px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.toolbar .search-input{flex:1 1 240px;max-width:340px}.toolbar select{width:auto;min-width:150px}.save-bar{position:sticky;bottom:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 12px 10px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);font-weight:600}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.back-link df-icon{width:16px;height:16px}.text-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;white-space:nowrap}.text-link df-icon{width:14px;height:14px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;color:var(--muted);font-size:13px}.pagination>span{margin-right:4px}.tabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:thin}.tab{display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}.tab:hover{color:var(--ink);text-decoration:none}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab .tab-check,.tab-check{width:16px;height:16px;color:var(--success)}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background)}.segmented button{min-height:30px;padding:4px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.segmented button.selected,.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--background);color:var(--muted);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--background)}.table .actions{width:1%;white-space:nowrap;text-align:right}.cdk-dialog-container{outline:none}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background:#14142873}.modal{display:flex;flex-direction:column;width:min(var(--modal-width, 560px),calc(100vw - 32px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);overflow:auto}.modal.sm{--modal-width: 420px}.modal.lg{--modal-width: 640px}.modal.xl{--modal-width: 800px}.modal:has(>.modal-body){padding:0;overflow:hidden}.modal>h2{margin-bottom:8px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 0 24px}.modal-header h2{font-size:18px}.modal-body{display:flex;flex-direction:column;gap:16px;min-height:0;padding:16px 24px 24px;overflow-y:auto}.modal-footer,.modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);background:var(--surface)}.modal-actions{margin-top:24px}.drawer-panel{max-width:100vw}.drawer-panel .cdk-dialog-container{height:100%;animation:drawer-in .2s ease-out}.drawer-panel .cdk-dialog-container>*{display:block;height:100%}@keyframes drawer-in{0%{transform:translate(32px);opacity:0}}.drawer{display:flex;flex-direction:column;height:100%;background:var(--surface);color:var(--ink);border-left:1px solid var(--border);box-shadow:var(--shadow-lg)}.drawer-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 16px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.drawer-header h2{font-size:18px}.drawer-body{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;padding:24px;overflow-y:auto}.drawer-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface)}.menu{display:flex;flex-direction:column;min-width:180px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);outline:none}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;text-align:left;white-space:nowrap}.menu-item:hover:not(:disabled),.menu-item:focus{background:var(--background);outline:none;text-decoration:none}.menu-item df-icon{width:16px;height:16px;color:var(--muted)}.menu-item.danger,.menu-item.danger df-icon{color:var(--danger)}.menu-divider{height:1px;margin:4px 0;background:var(--border)}.toast-region{position:fixed;right:24px;bottom:24px;z-index:1100;display:flex;flex-direction:column;gap:8px;max-width:420px}.toast{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);font-size:13px}.toast>df-icon{width:18px;height:18px;color:var(--success)}.toast>span{flex:1}.toast.error{border-color:var(--danger-border)}.toast.error>df-icon{color:var(--danger)}.cdk-drag-preview{box-shadow:var(--shadow-lg)}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag{transition:transform .2s ease}.skip-link{position:fixed;top:10px;left:20px;z-index:2000;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--surface)}.skip-link:focus{width:auto;height:auto;padding:10px 16px;border:1px solid var(--brand);clip-path:none}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;min-height:100dvh;background:linear-gradient(to right,var(--sidebar) calc(var(--sidebar-width) - 1px),var(--border) 0 var(--sidebar-width),var(--background) 0)}.sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;gap:20px;height:100vh;height:100dvh;padding:20px 14px 14px;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--border);background:var(--sidebar)}.sidebar>*{flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.5px}.brand:hover{text-decoration:none}.brand-mark{width:32px;height:32px}.sidebar .brand{padding:0 8px}.org-chip{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background)}.org-chip strong{display:block;font-size:13px;font-weight:600}.org-chip small{display:block;color:var(--muted);font-size:11px}.org-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:7px;background:var(--soft);color:var(--brand);font-size:11px;font-weight:700}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--muted);font-size:14px;font-weight:500}.side-nav a df-icon{width:18px;height:18px}.side-nav a:hover{background:var(--background);color:var(--ink)}.side-nav a.active{background:var(--soft);color:var(--brand);font-weight:600}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto}.quota-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:12px}.quota-card strong{font-size:13px;font-weight:600}.quota-card small{color:var(--muted);font-size:11px}.side-link{display:flex;align-items:center;gap:10px;padding:6px 10px;color:var(--muted);font-size:13px}.side-link df-icon{width:18px;height:18px}.side-link:hover{color:var(--ink);text-decoration:none}.profile-card{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.profile-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:4px;border-radius:var(--radius);color:var(--ink)}.profile-link:hover{background:var(--background);text-decoration:none}.profile-link strong{display:block;font-size:13px;font-weight:600}.profile-link small{display:block;color:var(--muted);font-size:11px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--brand);font-size:11px;font-weight:700}a.avatar:hover{text-decoration:none;box-shadow:0 0 0 3px var(--ring)}.main-column{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 32px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600}.header-actions{display:flex;align-items:center;gap:6px}.header-actions .avatar{margin-left:6px}.main-column main{width:100%;max-width:1320px;margin:0 auto;padding:32px 40px 56px;flex:1}.main-column main:focus{outline:none}.mobile-menu,.mobile-scrim{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.stat-card>span,.stat-card .stat-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.stat-card .stat-label df-icon{width:16px;height:16px;color:var(--brand)}.stat-card>strong{font-size:24px;font-weight:650;letter-spacing:-.5px;line-height:1.2}.stat-card>small{color:var(--muted)}.stat-unit{margin-left:4px;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.checklist{margin:0;padding:0;list-style:none}.checklist li{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border)}.checklist li:last-child{border-bottom:0}.step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border:1px solid var(--border-strong);border-radius:50%;color:var(--muted);font-size:12px;font-weight:600}.step-number.done{border-color:transparent;background:var(--success-soft);color:var(--success)}.step-number df-icon{width:14px;height:14px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.project-card:hover{border-color:var(--border-strong);box-shadow:0 6px 20px #281e5a12}.project-card h2{font-size:16px}.project-card .description{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.project-description{max-width:680px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-card{display:flex;flex-direction:column;gap:12px;container:plan-card / inline-size}.plan-card.current{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.plan-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;font-size:26px;font-weight:650;letter-spacing:-.5px}.plan-price small{white-space:nowrap;color:var(--muted);font-size:13px;font-weight:400;letter-spacing:0}@container plan-card (max-width: 260px){.plan-price small{flex-basis:100%}}.plan-features{display:flex;flex-direction:column;gap:8px;flex:1;margin:0;padding:0;list-style:none;font-size:13px}.plan-features li{display:flex;align-items:flex-start;gap:8px}.plan-features df-icon{width:16px;height:16px;margin-top:2px;color:var(--success)}.settings-layout{display:flex;flex-direction:column;gap:24px;max-width:820px}.settings-section .section-heading{margin-bottom:20px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{display:flex;flex-direction:column;gap:10px}.guide-card h2{display:flex;align-items:center;gap:10px;font-size:16px}.guide-card h2 df-icon{width:20px;height:20px;color:var(--brand)}.guide-card p,.guide-card li{color:var(--muted);font-size:13px}.guide-card ul{margin:0;padding-left:18px;list-style:disc}.support-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.unread-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--brand)}.list-row.unread{background:var(--soft)}@supports (color: color-mix(in lab,red,red)){.list-row.unread{background:color-mix(in srgb,var(--soft) 55%,transparent)}}.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;background:var(--surface)}.auth-story{display:flex;flex-direction:column;gap:32px;padding:40px 48px;background:linear-gradient(140deg,#2448c4,#0f1b3d);color:#fff}.brand.light{color:#fff}.brand.light .brand-mark{border-radius:23%;box-shadow:0 0 0 1px #ffffff47}.auth-story :focus-visible{outline-color:#fff}.story-content{display:flex;flex-direction:column;gap:16px;max-width:440px;margin-block:auto}.story-content h1{font-size:38px;letter-spacing:-1.2px;line-height:1.15}.story-content h1 mark{padding:0 .1em;background:linear-gradient(transparent 12%,var(--highlight) 12% 88%,transparent 88%);color:#0f1b3d;-webkit-box-decoration-break:clone;box-decoration-break:clone}.story-content p{color:#dce5ff;font-size:15px}.story-steps{display:flex;flex-direction:column;margin:8px 0 0;padding:0;list-style:none}.story-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgb(255 255 255 / 14%);color:#eef2ff;font-size:14px}.story-steps span{color:#c7d4fa;font-size:12px;font-variant-numeric:tabular-nums}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:48px 32px}.auth-form{width:100%;max-width:380px}.auth-form h2{font-size:26px;letter-spacing:-.6px}.auth-switch{color:var(--muted);font-size:13px;text-align:center}.recovery-page{display:flex;flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:64px 20px}.recovery-panel{width:100%;max-width:420px;padding:32px}.recovery-panel h1{font-size:22px}.workspace-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.workspace-panel>.section-heading{margin-bottom:0}.workspace-panel>.section-heading h2{font-size:18px}.workspace-details{padding-top:16px;border-top:1px solid var(--border)}.workspace-details>summary{color:var(--muted);font-size:13px}.workspace-details[open]>summary{margin-bottom:12px}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.fine-print{color:var(--muted);font-size:12px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:2px;overflow-x:auto}.admin-tabs .btn{flex-shrink:0}.admin-toolbar{display:flex;align-items:center;gap:8px}.admin-toolbar input{max-width:420px;min-width:0}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.admin-row>div:first-child{min-width:0;overflow-wrap:anywhere}.admin-row small{display:block;margin-top:2px;color:var(--muted)}.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:45%}.admin-row-actions small{width:100%;text-align:right}.admin-row-actions.plan-actions{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:end;gap:4px 12px}.plan-actions>.btn{grid-column:2;grid-row:1 / span 2}.plan-actions>.badge,.plan-actions>small{grid-column:1}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-editor{--modal-width: 700px;gap:16px;max-height:85vh}.admin-editor h2{margin:0}.admin-editor .modal-actions{margin-top:8px}.admin-editor .field .checkbox-label{margin-top:4px}.admin-stats{margin-bottom:24px}.admin-metrics{display:flex;flex-wrap:wrap;gap:24px 32px}.admin-metrics strong,.admin-metrics span{display:block}.admin-metrics strong{font-size:22px}.admin-metrics span{margin-top:2px;color:var(--muted);font-size:12px}.admin-job,.admin-audit{padding:14px 0;border-bottom:1px solid var(--border)}.admin-job .admin-row{padding:0;border:0}.admin-job .workspace-details,.admin-audit .workspace-details{margin-top:12px;padding-top:12px}.admin-audit>small{display:block;margin-top:4px}.admin-audit pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.admin-document{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0}.admin-message{max-height:220px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-check{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--background)}.health-check strong{flex:1;font-size:13px;text-transform:capitalize}.health-check df-icon{color:var(--success)}.eyebrow{margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px}.tile-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius);background:var(--soft);color:var(--brand)}.tile-icon df-icon{width:18px;height:18px}.upload-box{padding:20px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--background);text-align:center}.upload-box>df-icon{width:28px;height:28px;color:var(--brand)}.upload-box p{margin:8px 0;font-size:13px}.upload-box small{display:block;margin-top:8px;color:var(--muted)}.data-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.data-form .full-field,.form-group-title{grid-column:1 / -1}@media(max-width:1150px){:root{--sidebar-width: 224px}.main-column main{padding:28px 28px 48px}.topbar{padding:0 28px}.stats-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.dashboard-grid,.support-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:850px){.app-layout{grid-template-columns:minmax(0,1fr);background:var(--background)}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.mobile-menu{display:inline-flex;margin-left:-8px}.mobile-scrim{display:block;position:fixed;inset:0;z-index:29;border:0;background:#14122473}.auth-page{grid-template-columns:minmax(0,1fr)}.auth-story{display:none}.help-grid,.health-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.main-column main{padding:20px 16px 40px}.topbar{height:56px;padding:0 16px}h1{font-size:22px}.page-header{margin-bottom:20px}.panel{padding:18px}.panel.flush{padding:0}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-card>strong{font-size:20px}.project-grid{grid-template-columns:minmax(0,1fr)}.toolbar .search-input{flex-basis:100%;max-width:none}.toolbar select{flex:1}.admin-row{flex-direction:column;align-items:flex-start;gap:10px}.admin-row-actions{max-width:100%;justify-content:flex-start}.admin-row-actions small{text-align:left}.admin-form-grid,.data-form{grid-template-columns:minmax(0,1fr)}.admin-toolbar{flex-wrap:wrap}.admin-toolbar input{max-width:none}.toast-region{left:16px;right:16px;bottom:16px;max-width:none}.modal-header{padding:16px 16px 0 18px}.modal-body{padding:16px 18px 20px}.modal-footer{padding:12px 18px}.modal:not(:has(>.modal-body)){padding:20px}.drawer-header{padding:12px 12px 12px 18px}.drawer-body{padding:18px}.drawer-footer{padding:12px 18px}.auth-form-wrap{padding:32px 20px}.recovery-panel{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}
