:root{--neutral-10:#FAFBFC;--neutral-50:#EAEBED;--neutral-100:#BFC1C8;--neutral-200:#9FA3AE;--neutral-300:#747989;--neutral-400:#474D61;--neutral-500:#353A4A;--neutral-600:#282C39;--neutral-700:#1C202C;--neutral-800:#13161F;--neutral-900:#0A0C12;--neutral-black:#000000;--neutral-white:#FFFFFF;--primary-50:#E4E7EF;--primary-60:#D7DEFB;--primary-75:#D6DBE8;--primary-100:#BCC2D8;--primary-200:#909BBE;--primary-300:#6675A4;--primary-400:#475993;--primary-500:#253E82;--primary-600:#1F387A;--primary-700:#162F6F;--primary-800:#0D2663;--primary-900:#01164D;--secondary-10:#FBFCFF;--secondary-50:#EDF2FF;--secondary-100:#DCE6FF;--secondary-200:#CAD9FF;--secondary-300:#B9CCFF;--secondary-400:#A7C0FF;--secondary-500:#95B3FF;--secondary-600:#84A6FF;--secondary-700:#7299FF;--secondary-800:#618DFF;--secondary-900:#4F80FF;--secondary-925:#3A5BB0;--secondary-950:#1E3A8C;--tertiary-50:#F1EEFE;--tertiary-100:#E3DEFD;--tertiary-200:#D4CDFC;--tertiary-300:#C6BCFB;--tertiary-400:#B8ACFA;--tertiary-500:#AA9BF8;--tertiary-600:#9C8AF7;--tertiary-700:#8D79F6;--tertiary-800:#7F69F5;--tertiary-900:#7158F4;--success-50:#E4F8EC;--success-100:#BFECD1;--success-200:#93E1B3;--success-300:#60D594;--success-400:#28CB7C;--success-500:#00C164;--success-600:#00B15A;--success-700:#009E4D;--success-800:#008D40;--success-900:#006D2C;--error-50:#FFEBF0;--error-100:#FFCDD7;--error-200:#F29AA1;--error-300:#EA727D;--error-400:#F64F5D;--error-500:#FD3A45;--error-600:#EE3043;--error-700:#DB263C;--error-800:#CE1D35;--error-900:#BF0B29;--warning-50:#FFF2DF;--warning-100:#FFDEB0;--warning-200:#FFC97D;--warning-400:#FFA120;--warning-500:#FFB249;--warning-700:#FC7400;--warning-800:#F66200;--warning-900:#ED4403;--info-50:#E9EBFD;--info-100:#C7CCFA;--info-200:#9FABF8;--info-300:#748AF5;--info-400:#4F6EF3;--info-500:#1E52EE;--info-600:#1749E2;--info-700:#003ED6;--info-800:#0032CB;--info-900:#001ABA;--color-primary:var(--primary-900);--color-on-primary:var(--neutral-white);--color-primary-container:var(--primary-60);--color-on-primary-container:var(--primary-900);--color-primary-hover:var(--primary-700);--color-secondary:var(--secondary-900);--color-on-secondary:var(--neutral-white);--color-secondary-container:var(--secondary-200);--color-on-secondary-container:var(--primary-900);--color-tertiary:var(--tertiary-900);--color-on-tertiary:var(--neutral-white);--color-tertiary-container:var(--tertiary-100);--color-on-tertiary-container:var(--tertiary-900);--color-error:var(--error-500);--color-on-error:var(--neutral-white);--color-error-container:var(--error-50);--color-on-error-container:var(--error-900);--color-error-hover:var(--error-700);--color-success:var(--success-500);--color-on-success:var(--neutral-white);--color-success-container:var(--success-50);--color-on-success-container:var(--success-900);--color-success-hover:var(--success-700);--color-warning:var(--warning-500);--color-on-warning:var(--neutral-900);--color-warning-container:var(--warning-50);--color-on-warning-container:var(--warning-900);--color-info:var(--info-500);--color-on-info:var(--neutral-white);--color-info-container:var(--info-50);--color-on-info-container:var(--info-900);--color-surface:var(--neutral-10);--color-surface-dim:var(--neutral-50);--color-surface-bright:var(--neutral-white);--color-surface-container-lowest:var(--neutral-10);--color-surface-container-low:var(--neutral-10);--color-surface-container:var(--neutral-white);--color-surface-container-high:var(--neutral-50);--color-surface-container-highest:var(--neutral-100);--color-surface-variant:var(--neutral-50);--color-on-surface:var(--neutral-900);--color-on-surface-variant:var(--neutral-400);--color-outline:var(--neutral-200);--color-outline-variant:var(--neutral-100);--color-inverse-surface:var(--neutral-900);--color-inverse-on-surface:var(--neutral-50);--color-inverse-primary:var(--secondary-900);--color-disabled:var(--neutral-100);--color-on-disabled:var(--neutral-300);--color-focus:var(--secondary-900);--color-focus-ring:color-mix(in srgb,var(--color-focus) 15%,transparent);--color-error-ring:color-mix(in srgb,var(--color-error) 12%,transparent);--color-scrim:rgba(0,0,0,.32);--bg:var(--color-surface);--surface:var(--color-surface-dim);--sidebar-bg:var(--color-surface-container);--card-bg:var(--color-surface-container);--border:color-mix(in srgb,var(--color-on-surface) 10%,transparent);--divider:var(--border);--text-primary:var(--primary-900);--text-secondary:var(--neutral-500);--text-muted:var(--color-on-disabled);--text-on-dark:var(--neutral-white);--interactive:var(--color-secondary);--interactive-hover:var(--primary-500);--interactive-light:var(--color-secondary-container);--accent:var(--interactive);--accent-light:var(--interactive-light);--tertiary-purple:var(--color-tertiary);--tertiary-purple-hover:var(--tertiary-800);--tertiary-purple-light:var(--tertiary-50);--green:var(--color-success);--green-light:var(--color-success-container);--red:var(--color-error);--red-light:var(--color-error-container);--yellow:var(--color-warning);--yellow-light:var(--color-warning-container);--blue:var(--color-info);--blue-light:var(--color-info-container);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-heading:"Epilogue",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"DM Mono",monospace;--font-size-display:28px;--line-height-display:1.15;--font-size-heading-xl:24px;--line-height-heading-xl:1.2;--font-size-heading-lg:22px;--line-height-heading-lg:1.25;--font-size-heading-md:18px;--line-height-heading-md:1.3;--font-size-heading-sm:17px;--line-height-heading-sm:1.35;--font-size-heading-xs:15px;--line-height-heading-xs:1.4;--font-size-body-lg:14px;--line-height-body-lg:1.5;--font-size-body-md:13.5px;--line-height-body-md:1.5;--font-size-body-sm:12.5px;--line-height-body-sm:1.6;--font-size-label:13px;--line-height-label:1.4;--font-size-caption:12px;--line-height-caption:1.4;--font-size-badge:11.5px;--line-height-badge:1.2;--font-size-overline:12px;--line-height-overline:1.2;--font-size-mono-md:13px;--line-height-mono-md:1.5;--font-size-mono-sm:11px;--line-height-mono-sm:1.4;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--letter-spacing-display:-0.5px;--letter-spacing-heading-xl:-0.4px;--letter-spacing-heading-lg:-0.3px;--letter-spacing-heading-md:-0.2px;--sidebar-width:220px;--topbar-height:56px;--breakpoint-md:768px;--breakpoint-lg:1024px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--radius:var(--radius-lg);--shadow-sm:0 1px 3px rgba(28,36,56,.06);--shadow-md:0 4px 16px rgba(28,36,56,.08);--shadow-lg:0 8px 32px rgba(28,36,56,.12);--btn-elevation:0 1px 2px rgba(28,36,56,.18),0 2px 6px rgba(28,36,56,.12);--btn-elevation-hover:0 2px 4px rgba(28,36,56,.20),0 6px 16px rgba(28,36,56,.16);--color-nav-hover:color-mix(in srgb,var(--color-secondary-container) 45%,transparent);--color-nav-hover-content:var(--color-secondary);--color-nav-press:color-mix(in srgb,var(--color-secondary-container) 70%,transparent);--color-nav-selected:var(--color-secondary-container);--color-nav-selected-content:var(--color-on-secondary-container);--ease-default:cubic-bezier(.4,0,.2,1);--ease-enter:cubic-bezier(0,0,0,1);--ease-exit:cubic-bezier(.3,0,1,1);--ease-expressive:cubic-bezier(.34,1.56,.64,1);--ease-expressive-enter:cubic-bezier(.175,.885,.32,1.4);--ease-expressive-exit:cubic-bezier(.3,0,.8,.15);--ease-emphasized:cubic-bezier(.32,.72,0,1);--duration-fast:120ms;--duration-normal:200ms;--duration-medium:300ms;--duration-slow:450ms;--duration-sheet:500ms}[data-theme=dark]{--color-primary:#FFFFFF;--color-on-primary:#01164D;--color-primary-container:#475993;--color-on-primary-container:#E4E7EF;--color-primary-hover:#E4E7EF;--color-secondary:#B9CCFF;--color-on-secondary:#1E3A8C;--color-secondary-container:#3A5BB0;--color-on-secondary-container:#DCE6FF;--color-tertiary:#C6BCFB;--color-on-tertiary:#0A0C12;--color-tertiary-container:#7F69F5;--color-on-tertiary-container:#F1EEFE;--color-error:#F29AA1;--color-on-error:#5C0010;--color-success:#93E1B3;--color-on-success:#00351A;--color-warning:#FFC97D;--color-on-warning:#5A2A00;--color-info:#9FABF8;--color-on-info:#00177A;--color-error-container:#DB263C;--color-on-error-container:#FFCDD7;--color-success-container:#006D2C;--color-on-success-container:#93E1B3;--color-warning-container:#ED4403;--color-on-warning-container:#FFDEB0;--color-info-container:#0032CB;--color-on-info-container:#C7CCFA;--color-surface:#13161F;--color-surface-dim:#0A0C12;--color-surface-bright:#1C202C;--color-surface-container-lowest:#0A0C12;--color-surface-container-low:#13161F;--color-surface-container:#1C202C;--color-surface-container-high:#282C39;--color-surface-container-highest:#353A4A;--color-surface-variant:#282C39;--color-on-surface:#EAEBED;--color-on-surface-variant:#BFC1C8;--color-outline:#747989;--color-outline-variant:#474D61;--color-inverse-surface:#EAEBED;--color-inverse-on-surface:#13161F;--color-inverse-primary:#162F6F;--color-disabled:#282C39;--color-on-disabled:#747989;--text-primary:#EAEBED;--text-secondary:#BFC1C8;--text-muted:#747989;--interactive-hover:#909BBE;--btn-elevation:0 1px 2px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.42);--btn-elevation-hover:0 2px 4px rgba(0,0,0,.60),0 8px 20px rgba(0,0,0,.50)}[data-theme=light]{--color-primary:var(--primary-900);--color-on-primary:#FFFFFF;--color-primary-container:var(--primary-60);--color-on-primary-container:var(--primary-900);--color-primary-hover:var(--primary-700);--color-secondary:var(--secondary-900);--color-on-secondary:#FFFFFF;--color-secondary-container:var(--secondary-200);--color-on-secondary-container:var(--primary-900);--color-tertiary:var(--tertiary-900);--color-on-tertiary:#FFFFFF;--color-tertiary-container:var(--tertiary-100);--color-on-tertiary-container:var(--tertiary-900);--color-error:var(--error-500);--color-on-error:#FFFFFF;--color-success:var(--success-500);--color-on-success:#FFFFFF;--color-warning:var(--warning-500);--color-on-warning:#0A0C12;--color-info:var(--info-500);--color-on-info:#FFFFFF;--color-error-container:var(--error-50);--color-on-error-container:var(--error-900);--color-success-container:var(--success-50);--color-on-success-container:var(--success-900);--color-warning-container:var(--warning-50);--color-on-warning-container:var(--warning-900);--color-info-container:var(--info-50);--color-on-info-container:var(--info-900);--color-surface:#FAFBFC;--color-surface-dim:#EAEBED;--color-surface-bright:#FFFFFF;--color-surface-container-lowest:#FAFBFC;--color-surface-container-low:#FAFBFC;--color-surface-container:#FFFFFF;--color-surface-container-high:#EAEBED;--color-surface-container-highest:#BFC1C8;--color-surface-variant:#EAEBED;--color-on-surface:#0A0C12;--color-on-surface-variant:#474D61;--color-outline:#9FA3AE;--color-outline-variant:#BFC1C8;--color-inverse-surface:#0A0C12;--color-inverse-on-surface:#EAEBED;--color-inverse-primary:var(--secondary-900);--color-disabled:#BFC1C8;--color-on-disabled:#747989;--text-primary:var(--primary-900);--text-secondary:#353A4A;--text-muted:#747989;--interactive-hover:var(--primary-500);--btn-elevation:0 1px 2px rgba(28,36,56,.18),0 2px 6px rgba(28,36,56,.12);--btn-elevation-hover:0 2px 4px rgba(28,36,56,.20),0 6px 16px rgba(28,36,56,.16)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.3px}h1{font-size:var(--font-size-display);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display)}h2{font-size:var(--font-size-heading-xl);line-height:var(--line-height-heading-xl);letter-spacing:var(--letter-spacing-heading-xl)}h3{font-size:var(--font-size-heading-lg);line-height:var(--line-height-heading-lg);letter-spacing:var(--letter-spacing-heading-lg)}h4{font-size:var(--font-size-heading-md);line-height:var(--line-height-heading-md);letter-spacing:var(--letter-spacing-heading-md)}h5{font-size:var(--font-size-heading-sm);line-height:var(--line-height-heading-sm)}h6{font-size:var(--font-size-heading-xs);line-height:var(--line-height-heading-xs)}a{color:var(--interactive);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:4px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--interactive)}.text-success{color:var(--green)}.text-error{color:var(--red)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.app,.main{display:flex;min-height:100vh}.main{margin-left:var(--sidebar-width);flex:1;flex-direction:column}.content{padding:32px 32px 48px;flex:1}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0 0 16px;position:fixed;top:0;left:0;bottom:0;z-index:10;overflow-y:auto}.sidebar-logo{height:var(--topbar-height);padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-heading-xs);color:var(--text-primary)}.sidebar-logo svg{color:var(--interactive)}.sidebar-search{margin:12px 12px 8px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-muted);font-size:var(--font-size-label);cursor:pointer;transition:border-color var(--duration-fast)}.sidebar-search:hover{border-color:var(--neutral-200)}.sidebar-search .shortcut{margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-mono-sm);background:var(--neutral-50);padding:2px 5px;border-radius:var(--radius-sm)}.sidebar-nav{padding:4px 8px;flex:1}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-body-md);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:var(--color-nav-hover);color:var(--color-nav-hover-content)}.nav-item.active{background:var(--color-nav-selected);font-weight:500}.nav-item.active,.nav-item.active svg{color:var(--color-nav-selected-content)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item .chevron{margin-left:auto;opacity:.5}.nav-item .nav-badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--interactive-light);color:var(--interactive);padding:1px 7px;border-radius:var(--radius-full)}.nav-sub-items{padding-left:20px}.nav-sub-items .nav-item{font-size:var(--font-size-label);padding:6px 12px}.sidebar-footer{padding:12px 12px 0;border-top:1px solid var(--border)}.sidebar-footer .nav-item{margin-top:4px}.topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--border);padding:0 28px;height:var(--topbar-height);justify-content:flex-end;gap:12px;position:sticky;top:0;z-index:5}.topbar,.topbar-breadcrumb{display:flex;align-items:center}.topbar-breadcrumb{margin-right:auto;gap:6px;font-size:var(--font-size-label);color:var(--text-muted)}.topbar-breadcrumb a{color:var(--text-muted);text-decoration:none}.topbar-breadcrumb a:hover{color:var(--text-primary)}.topbar-breadcrumb .separator{color:var(--neutral-200)}.topbar-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-label);font-weight:500;cursor:pointer;border:none;transition:background var(--duration-fast)}.topbar-btn.secondary{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.topbar-btn.secondary:hover{background:var(--interactive-light)}.topbar-notif{position:relative;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--interactive);font-size:10px;width:17px;height:17px;border-radius:50%;border:2px solid var(--color-surface)}.avatar,.notif-badge{color:var(--color-on-primary);font-weight:600;display:flex;align-items:center;justify-content:center}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--secondary-900));font-size:var(--font-size-caption);cursor:pointer}.avatar-label{font-size:var(--font-size-label);font-weight:500;display:flex;gap:4px}.avatar-label,.shell-menu-btn{cursor:pointer;align-items:center}.shell-menu-btn{display:none;width:40px;height:40px;margin-right:4px;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary)}.shell-menu-btn:hover{background:var(--interactive-light)}.shell-menu-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sidebar-scrim{display:none;position:fixed;inset:0;z-index:9;background:var(--color-scrim);opacity:0;transition:opacity var(--duration-normal) var(--ease-default)}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform var(--duration-medium) var(--ease-default);box-shadow:var(--shadow-lg)}.app.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0}.shell-menu-btn{display:inline-flex}.app.nav-open .sidebar-scrim{display:block;opacity:1}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-scrim{transition:none}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:var(--font-heading);font-size:var(--font-size-heading-lg);font-weight:600;letter-spacing:-.3px}.header-actions{display:flex;align-items:center;gap:10px}.btn-elevated,.btn-ghost,.btn-link,.btn-next,.btn-primary,.btn-secondary,.btn-tertiary,.btn-text{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-body-md);font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform .1s var(--ease-default)}.btn-ghost:focus-visible,.btn-link:focus-visible,.btn-next:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-tertiary:focus-visible,.btn-text:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-ring)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-disabled);color:var(--color-on-disabled);cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.btn-danger{background:var(--color-error);color:var(--color-on-error)}.btn-primary.btn-danger:hover{background:var(--color-error-hover)}.btn-primary.btn-danger:focus-visible{outline-color:var(--color-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 25%,transparent)}.btn-primary.btn-success{background:var(--color-success);color:var(--color-on-success)}.btn-primary.btn-success:hover{background:var(--color-success-hover)}.btn-secondary{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:transparent}.btn-secondary:hover{background:color-mix(in srgb,var(--color-secondary-container) 88%,#000);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{background:var(--color-disabled);color:var(--color-on-disabled);border-color:transparent;cursor:not-allowed;transform:none}.btn-elevated{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:transparent;box-shadow:var(--btn-elevation)}.btn-elevated:hover{background:color-mix(in srgb,var(--color-on-primary-container) 8%,var(--color-primary-container));box-shadow:var(--btn-elevation-hover);transform:translateY(-1px)}.btn-elevated:active{background:color-mix(in srgb,var(--color-on-primary-container) 12%,var(--color-primary-container));box-shadow:var(--btn-elevation);transform:translateY(0)}.btn-elevated:disabled{background:var(--color-disabled);color:var(--color-on-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost,.btn-tertiary{background:transparent;border-color:var(--color-outline);color:var(--color-primary);font-weight:500}.btn-ghost:hover,.btn-tertiary:hover{background:var(--color-surface-variant);border-color:var(--color-primary)}.btn-ghost:disabled,.btn-tertiary:disabled{background:transparent;border-color:var(--color-outline-variant);color:var(--color-on-disabled);cursor:not-allowed}.btn-text{background:transparent;color:var(--color-primary);padding:8px 12px}.btn-text:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.btn-text:disabled{background:transparent;color:var(--color-on-disabled);cursor:not-allowed}.btn-link{background:transparent;color:var(--color-primary);padding:8px 4px;font-weight:500;text-underline-offset:4px}.btn-link:hover{text-decoration:underline}.btn-link:active:not(:disabled){color:var(--color-primary-hover)}.btn-link:disabled{background:transparent;color:var(--color-on-disabled);cursor:not-allowed;text-decoration:none}.btn-xs{padding:3px 8px;font-size:11px;font-weight:600;min-height:24px}.btn-sm,.btn-xs{border-radius:var(--radius-sm)}.btn-sm{padding:6px 12px;font-size:var(--font-size-body-sm);min-height:32px}.btn-lg{padding:10px 22px;font-size:15px;min-height:44px;border-radius:var(--radius-md)}.btn-xl{padding:14px 30px;font-size:16px;font-weight:700;min-height:52px;border-radius:var(--radius-lg)}.btn-text.btn-xs{padding:3px 6px}.btn-text.btn-sm{padding:6px 10px}.btn-text.btn-lg{padding:10px 16px}.btn-text.btn-xl{padding:14px 20px}.btn-compact{padding-left:16px;padding-right:16px}.btn-next{background:var(--color-primary);color:var(--color-on-primary)}.btn-next:hover{background:var(--color-primary-hover)}.icon-btn{position:relative;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface-container);border:1px solid var(--color-outline);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-on-surface-variant);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.icon-btn:hover{background:var(--color-surface-variant);color:var(--color-on-surface)}.icon-btn:disabled{background:transparent;border-color:var(--color-outline-variant);color:var(--color-on-disabled);cursor:not-allowed}.icon-btn.btn-xs{width:24px;height:24px;border-radius:var(--radius-sm)}.icon-btn.btn-sm{width:30px;height:30px;border-radius:var(--radius-sm)}.icon-btn.btn-lg{width:44px;height:44px;border-radius:var(--radius-md)}.icon-btn.btn-xl{width:52px;height:52px;border-radius:var(--radius-lg)}.btn-primary:active:not(:disabled){filter:brightness(.88);transform:translateY(0)}.btn-secondary:active:not(:disabled){filter:brightness(.92);transform:translateY(0)}.btn-ghost:active:not(:disabled),.btn-tertiary:active:not(:disabled){background:var(--color-surface-container-high)}.btn-text:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.icon-btn:active:not(:disabled){background:var(--color-surface-container-high)}.seg-btn-group{--seg-btn-container-shape:var(--radius-full);--seg-btn-outline-color:var(--md-sys-color-outline,var(--color-outline));--seg-btn-label-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-icon-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-selected-container-color:var(--md-sys-color-secondary-container,var(--color-secondary-container));--seg-btn-selected-label-color:var(--md-sys-color-on-secondary-container,var(--color-on-secondary-container));--seg-btn-selected-icon-color:var(--md-sys-color-on-secondary-container,var(--color-on-secondary-container));--seg-btn-hover-layer-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-hover-layer-opacity:8%;--seg-btn-focus-layer-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-focus-layer-opacity:12%;--seg-btn-pressed-layer-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-pressed-layer-opacity:12%;--seg-btn-selected-hover-layer-color:var(--md-sys-color-on-secondary-container,var(--color-on-secondary-container));--seg-btn-selected-hover-layer-opacity:8%;--seg-btn-selected-focus-layer-color:var(--md-sys-color-on-secondary-container,var(--color-on-secondary-container));--seg-btn-selected-focus-layer-opacity:12%;--seg-btn-selected-pressed-layer-color:var(--md-sys-color-on-secondary-container,var(--color-on-secondary-container));--seg-btn-selected-pressed-layer-opacity:12%;--seg-btn-disabled-group-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-disabled-group-opacity:4%;--seg-btn-disabled-container-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-disabled-container-opacity:12%;--seg-btn-disabled-label-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-disabled-label-opacity:38%;--seg-btn-disabled-outline-color:var(--md-sys-color-on-surface,var(--color-on-surface));--seg-btn-disabled-outline-opacity:12%;--seg-btn-focus-outline-color:var(--color-focus);--seg-btn-focus-ring-color:var(--color-focus-ring);border:1px solid var(--seg-btn-outline-color);border-radius:var(--seg-btn-container-shape);padding:3px;gap:2px}.seg-btn,.seg-btn-group{display:inline-flex;align-items:center;background:transparent}.seg-btn{position:relative;justify-content:center;gap:var(--space-2);padding:6px 16px;border:none;border-radius:var(--seg-btn-container-shape);color:var(--seg-btn-label-color);font-family:var(--font-body);font-size:var(--font-size-body-sm);font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.seg-btn i,.seg-btn svg{color:var(--seg-btn-icon-color)}.seg-btn:hover:not(.selected):not([aria-selected=true]):not([aria-pressed=true]):not(:disabled){background:color-mix(in srgb,var(--seg-btn-hover-layer-color) var(--seg-btn-hover-layer-opacity),transparent)}.seg-btn.selected,.seg-btn[aria-pressed=true],.seg-btn[aria-selected=true]{background:var(--seg-btn-selected-container-color);color:var(--seg-btn-selected-label-color);font-weight:600}.seg-btn.selected i,.seg-btn.selected svg,.seg-btn[aria-pressed=true] i,.seg-btn[aria-pressed=true] svg,.seg-btn[aria-selected=true] i,.seg-btn[aria-selected=true] svg{color:var(--seg-btn-selected-icon-color)}.seg-btn.selected:hover:not(:disabled),.seg-btn[aria-pressed=true]:hover:not(:disabled),.seg-btn[aria-selected=true]:hover:not(:disabled){background:color-mix(in srgb,var(--seg-btn-selected-hover-layer-color) var(--seg-btn-selected-hover-layer-opacity),var(--seg-btn-selected-container-color))}.seg-btn:focus-visible{outline:2px solid var(--seg-btn-focus-outline-color);outline-offset:2px;box-shadow:0 0 0 4px var(--seg-btn-focus-ring-color);z-index:1}.seg-btn:focus-visible:not(.selected):not([aria-selected=true]):not([aria-pressed=true]):not(:disabled){background:color-mix(in srgb,var(--seg-btn-focus-layer-color) var(--seg-btn-focus-layer-opacity),transparent)}.seg-btn.selected:focus-visible:not(:disabled),.seg-btn[aria-pressed=true]:focus-visible:not(:disabled),.seg-btn[aria-selected=true]:focus-visible:not(:disabled){background:color-mix(in srgb,var(--seg-btn-selected-focus-layer-color) var(--seg-btn-selected-focus-layer-opacity),var(--seg-btn-selected-container-color))}.seg-btn:active:not(:disabled):not(.selected):not([aria-selected=true]):not([aria-pressed=true]){background:color-mix(in srgb,var(--seg-btn-pressed-layer-color) var(--seg-btn-pressed-layer-opacity),transparent)}.seg-btn.selected:active:not(:disabled),.seg-btn[aria-pressed=true]:active:not(:disabled),.seg-btn[aria-selected=true]:active:not(:disabled){background:color-mix(in srgb,var(--seg-btn-selected-pressed-layer-color) var(--seg-btn-selected-pressed-layer-opacity),var(--seg-btn-selected-container-color))}.seg-btn-group:has(.seg-btn:disabled),.seg-btn-group[aria-disabled=true]{background:color-mix(in srgb,var(--seg-btn-disabled-group-color) var(--seg-btn-disabled-group-opacity),transparent);border-color:color-mix(in srgb,var(--seg-btn-disabled-outline-color) var(--seg-btn-disabled-outline-opacity),transparent)}.seg-btn:disabled,.seg-btn[aria-disabled=true]{color:color-mix(in srgb,var(--seg-btn-disabled-label-color) var(--seg-btn-disabled-label-opacity),transparent);cursor:not-allowed;pointer-events:none}.seg-btn.selected:disabled,.seg-btn[aria-pressed=true]:disabled,.seg-btn[aria-selected=true]:disabled{background:color-mix(in srgb,var(--seg-btn-disabled-container-color) var(--seg-btn-disabled-container-opacity),transparent)}.seg-btn-group-sm .seg-btn{padding:4px 10px;font-size:var(--font-size-caption)}.seg-btn-group-lg .seg-btn{padding:8px 20px;font-size:var(--font-size-body-md)}.seg-btn-group-sliding{position:relative}.seg-btn-group-sliding .seg-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--seg-btn-selected-container-color);border-radius:var(--seg-btn-container-shape);transition:transform var(--duration-normal) var(--ease-expressive);z-index:1}.seg-btn-group-sliding[data-active="1"] .seg-pill{transform:translateX(calc(100% + 2px))}.seg-btn-group-sliding .seg-btn{position:relative;z-index:2}.seg-btn-group-sliding .seg-btn.selected,.seg-btn-group-sliding .seg-btn[aria-selected=true]{background:transparent}@media (prefers-reduced-motion:reduce){.seg-btn-group-sliding .seg-pill{transition:none}}.toolbar{margin-bottom:var(--space-4)}.search-field,.toolbar{display:flex;align-items:center;gap:var(--space-2)}.search-field{flex:1;padding:8px var(--space-4);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--color-on-surface-variant);cursor:text;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.search-field:hover{background:color-mix(in srgb,var(--color-on-surface) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-on-surface) 20%,transparent)}.search-field:focus-within{background:color-mix(in srgb,var(--color-on-surface) 12%,var(--color-surface));border-color:var(--color-secondary)}.search-field>i,.search-field>svg{width:18px;height:18px;flex-shrink:0;color:inherit}.search-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-body-md);color:var(--color-on-surface);caret-color:var(--color-secondary)}.search-field input::-moz-placeholder{color:var(--color-on-surface-variant)}.search-field input::placeholder{color:var(--color-on-surface-variant)}.search-field input::-webkit-search-cancel-button{display:none}.toolbar-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;background:var(--color-surface-container);border:1px solid var(--color-outline);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-body-md);font-weight:500;color:var(--color-on-surface-variant);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.toolbar-btn:hover{background:var(--color-surface-variant);border-color:var(--color-outline-variant);color:var(--color-on-surface)}.toolbar-btn:active{opacity:.85}.toolbar-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-ring)}.toolbar-btn>i,.toolbar-btn>svg{width:18px;height:18px}.result-count{font-size:var(--font-size-label);color:var(--color-on-surface-variant);margin-bottom:14px;padding:0 2px}.result-count strong{color:var(--color-on-surface);font-weight:500}.badge{display:inline-flex;align-items:center;font-size:var(--font-size-badge);font-weight:600;padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.2px;white-space:nowrap}.badge-open{background:var(--color-success-container);color:var(--color-on-success-container)}.badge-active{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-closed{background:var(--color-error-container);color:var(--color-on-error-container)}.badge-draft{border:1px solid var(--color-outline)}.badge-archived,.badge-draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.badge-archived{opacity:.75}.badge-warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.badge-tertiary{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.badge-info{background:var(--color-info-container);color:var(--color-on-info-container)}.badge-label{font-family:var(--font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.badge{gap:4px}.badge>svg{width:12px;height:12px;flex-shrink:0}.badge .spinner{width:12px;height:12px;border-width:2px;border-color:currentColor color-mix(in srgb,currentColor 30%,transparent) color-mix(in srgb,currentColor 30%,transparent);vertical-align:baseline}a.badge{text-decoration:none;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}a.badge:hover{opacity:.85}a.badge:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.badge-link{background:transparent;color:var(--color-primary);padding-left:2px;padding-right:2px}a.badge-link:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .badge-open{background:color-mix(in srgb,var(--color-success-container) 42%,var(--color-surface))}[data-theme=dark] .badge-active{background:color-mix(in srgb,var(--color-secondary-container) 55%,var(--color-surface))}[data-theme=dark] .badge-closed{background:color-mix(in srgb,var(--color-error-container) 42%,var(--color-surface))}[data-theme=dark] .badge-warning{background:color-mix(in srgb,var(--color-warning-container) 42%,var(--color-surface))}[data-theme=dark] .badge-tertiary{background:color-mix(in srgb,var(--color-tertiary-container) 42%,var(--color-surface))}[data-theme=dark] .badge-info{background:color-mix(in srgb,var(--color-info-container) 42%,var(--color-surface))}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.card-elevated{background:var(--color-surface-container-low);box-shadow:var(--shadow-sm)}.card-elevated,.card-filled{border:1px solid transparent;border-radius:var(--radius);padding:16px 20px}.card-filled{background:var(--color-surface-container-highest)}.card-header{margin-bottom:12px;display:grid;grid-template-columns:1fr;gap:4px}.card-header:has(.card-action){grid-template-columns:1fr auto}.card-action{grid-column:2;grid-row:1/span 2;align-self:start;justify-self:end}.card-title{font-family:var(--font-heading);font-size:var(--font-size-heading-xs);font-weight:600;color:var(--text-primary)}.card-desc{font-size:var(--font-size-label);color:var(--text-secondary);line-height:1.55}.card-content{font-size:var(--font-size-body-md);color:var(--text-primary)}.card-footer{margin-top:16px;display:flex;align-items:center;gap:8px}.form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px;margin-bottom:16px}.form-card-title{font-family:var(--font-heading);font-size:var(--font-size-heading-xs);font-weight:600;margin-bottom:6px}.form-card-desc{font-size:var(--font-size-label);color:var(--text-secondary);line-height:1.55;margin-bottom:24px;max-width:680px}.field-group{margin-bottom:20px}.field-group:last-child{margin-bottom:0}.field-label{display:block;font-size:var(--font-size-label);font-weight:500;color:var(--text-primary);margin-bottom:8px}.field-required{color:var(--red);margin-left:2px}.field-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body-md);font-family:inherit;color:var(--text-primary);background:var(--card-bg);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input:focus-visible{border-color:var(--interactive);box-shadow:0 0 0 3px var(--color-focus-ring)}.field-input::-moz-placeholder{color:var(--text-muted)}.field-input::placeholder{color:var(--text-muted)}.field-input[type=file]{padding:7px 14px;cursor:pointer;color:var(--text-secondary)}.field-input[type=file]::file-selector-button{margin:0 12px 0 0;padding:4px 12px;border:none;border-radius:var(--radius-sm);background:var(--color-secondary-container);color:var(--color-on-secondary-container);font:inherit;font-weight:500;cursor:pointer}.field-input[type=file]:hover::file-selector-button{background:color-mix(in srgb,var(--color-secondary-container) 88%,#000)}.field-input[aria-invalid=true],.field-textarea[aria-invalid=true],.select-wrapper select[aria-invalid=true]{border-color:var(--color-error)}.field-input[aria-invalid=true]:focus-visible,.field-textarea[aria-invalid=true]:focus-visible,.select-wrapper select[aria-invalid=true]:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-ring)}input:disabled,select:disabled,textarea:disabled{background:var(--color-disabled);color:var(--color-on-disabled);border-color:var(--color-outline);cursor:not-allowed}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:10px 38px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body-md);font-family:inherit;color:var(--text-primary);background:var(--card-bg);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.select-wrapper select:focus-visible{border-color:var(--interactive);box-shadow:0 0 0 3px var(--color-focus-ring)}.select-caret{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.field-textarea{resize:vertical;min-height:80px;line-height:1.5;field-sizing:content}.number-input-wrapper{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);transition:border-color var(--duration-fast)}.number-input-wrapper:focus-within{border-color:var(--interactive)}.number-value{font-size:var(--font-size-body-md);color:var(--text-primary)}.number-controls{gap:4px}.number-btn,.number-controls{display:flex;align-items:center}.number-btn{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background var(--duration-fast);font-family:inherit}.number-btn:hover{background:var(--color-surface-container-highest);color:var(--text-primary)}.date-input-wrapper{position:relative}.date-input-wrapper input{width:100%;padding:10px 42px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body-md);font-family:inherit;color:var(--text-muted);background:var(--card-bg);outline:none;transition:border-color var(--duration-fast);cursor:pointer}.date-input-wrapper input:focus{border-color:var(--interactive)}.date-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.field-input:hover:not(:focus):not(:disabled){border-color:var(--color-outline)}.field-group:focus-within .field-label{color:var(--interactive)}.field-supporting{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:6px;padding:0 2px}.field-hint{color:var(--color-on-surface-variant)}.field-error-msg,.field-hint{font-size:var(--font-size-caption);line-height:1.4}.field-error-msg{color:var(--color-error);display:flex;align-items:flex-start;gap:4px}.field-error-msg svg{flex-shrink:0;margin-top:1px}.field-char-count{font-family:var(--font-mono);font-size:var(--font-size-badge);color:var(--color-on-surface-variant);white-space:nowrap;flex-shrink:0;margin-left:auto}.field-char-count.is-over,.field-group.is-error .field-label{color:var(--color-error)}.field-group.is-error:focus-within .field-label{color:var(--color-error)}.field-group.is-error .field-input,.field-group.is-error .field-input:hover:not(:focus):not(:disabled){border-color:var(--color-error)}.field-group.is-error .field-input:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-ring)}.field-group.is-error .field-hint{display:none}.field-group.is-error .field-trailing-icon{color:var(--color-error)}.field-input-wrapper{position:relative}.field-leading-icon,.field-trailing-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-on-surface-variant);pointer-events:none;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.field-leading-icon{left:14px}.field-trailing-icon{right:14px}.field-input-wrapper .field-input.has-leading{padding-left:42px}.field-input-wrapper .field-input.has-trailing{padding-right:42px}.tabs{position:relative;display:flex;border-bottom:1px solid var(--border);gap:0;margin-bottom:28px}.tab{padding:11px 20px;font-size:var(--font-size-body-md);font-family:inherit;color:var(--color-on-surface-variant);background:transparent;border:0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-default);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab:hover{color:var(--color-on-surface)}.tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-ring)}.tab.active,.tab:active{color:var(--color-secondary)}.tab.active{font-weight:600}.tab:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tab-indicator{position:absolute;bottom:0;left:0;height:2px;background:var(--color-secondary);transition:transform var(--duration-normal,.22s) var(--ease-expressive,ease-out),width var(--duration-normal,.22s) var(--ease-expressive,ease-out);pointer-events:none}.tab-panel{display:none}.tab-panel.active{display:block}.tabs-pill{display:inline-flex;gap:4px;padding:4px;border-bottom:none;border-radius:var(--radius-md);background:var(--color-surface-variant)}.tabs-pill .tab{border-bottom:none;margin-bottom:0;padding:6px 14px;border-radius:var(--radius-sm)}.tabs-pill .tab.active{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tabs-pill .tab-indicator{display:none}.tabs-vertical{flex-direction:column;align-items:stretch;border-bottom:none;border-right:1px solid var(--border);margin-bottom:0}.tabs-vertical .tab{border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px;text-align:left}.tabs-vertical .tab.active{border-right-color:var(--color-secondary)}.tabs-vertical .tab-indicator{display:none}