html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}:root{color-scheme:light}:root[data-theme=dark] .bg-white{background-color:var(--color-surface)!important}:root[data-theme=dark] .bg-gray-50{background-color:var(--color-bg)!important}:root[data-theme=dark] .bg-blue-50{background-color:var(--color-surface)!important}:root[data-theme=dark] .bg-gray-200{background-color:#262626!important}:root[data-theme=dark] .text-gray-600{color:var(--color-muted)!important}:root[data-theme=dark] .text-gray-700{color:var(--color-text)!important}:root[data-theme=dark] .text-gray-800{color:var(--color-text)!important}:root[data-theme=dark] .text-gray-500{color:var(--color-muted)!important}:root[data-theme=dark] .text-gray-400{color:var(--color-disabled-text)!important}:root[data-theme=dark] .border-gray-100{border-color:var(--color-border)!important}:root[data-theme=dark] .border-gray-200{border-color:var(--color-border)!important}:root[data-theme=dark] .border-gray-300{border-color:var(--color-border)!important}:root[data-theme=dark] .hover\:bg-gray-100:hover{background-color:#ffffff14!important}:root[data-theme=dark] .hover\:bg-blue-50:hover{background-color:#ffffff0a!important}:root[data-theme=dark] .bg-gray-100{background-color:#2a2a2a!important}:root[data-theme=dark] .bg-gray-300{background-color:#2a2a2a!important}:root[data-theme=dark] .bg-green-100{background-color:#22c55e2e!important}:root[data-theme=dark] .text-green-700{color:#86efac!important}:root[data-theme=dark] .bg-red-100{background-color:#ef444429!important}:root[data-theme=dark] .text-red-700{color:#fca5a5!important}:root[data-theme=dark] .divide-y>:not([hidden])~:not([hidden]){border-color:var(--color-border)!important}:root[data-theme=dark] .bg-yellow-50{background-color:#ffc1071f!important}:root[data-theme=dark] .border-yellow-200{border-color:#ffc10733!important}:root[data-theme=dark] .text-yellow-800{color:#facc15!important}:root[data-theme=dark] input[type=text],:root[data-theme=dark] input[type=email],:root[data-theme=dark] input[type=password],:root[data-theme=dark] input[type=number],:root[data-theme=dark] input[type=search],:root[data-theme=dark] input[type=url],:root[data-theme=dark] input:not([type]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background-color:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;caret-color:var(--color-text)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--color-muted)!important}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary);border-color:var(--color-primary)}:root[data-theme=dark] select option{background-color:var(--color-surface);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}:root{--md-sys-color-background: #FAFAFA;--md-sys-color-on-background: rgba(0, 0, 0, .87);--md-sys-color-surface: #FFFFFF;--md-sys-color-on-surface: rgba(0, 0, 0, .87);--md-sys-color-surface-variant: #EDEFF3;--md-sys-color-outline: #E6E9F2;--md-sys-color-primary: #2F80ED;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-secondary: #00C48C;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-tertiary: #8E24AA;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-error: #E53935;--md-sys-color-on-error: #FFFFFF;--color-bg: var(--md-sys-color-background);--color-surface: var(--md-sys-color-surface);--color-border: var(--md-sys-color-outline);--color-text: var(--md-sys-color-on-surface);--color-muted: rgba(0, 0, 0, .6);--color-primary: var(--md-sys-color-primary);--color-primary-hover: #1B6FE0;--color-primary-active: #1657B5;--color-primary-contrast: var(--md-sys-color-on-primary);--color-secondary: var(--md-sys-color-secondary);--color-secondary-hover: #01B07E;--color-secondary-active: #018D66;--color-secondary-contrast: var(--md-sys-color-on-secondary);--color-accent: var(--md-sys-color-tertiary);--color-accent-hover: #7B1FA2;--color-accent-active: #4A148C;--color-accent-contrast: var(--md-sys-color-on-tertiary);--color-success: #43A047;--color-warning: #FFB300;--color-danger: var(--md-sys-color-error);--color-disabled-bg: #E0E0E0;--color-disabled-text: rgba(0, 0, 0, .38);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0px;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 2px 6px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}html,body,*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:var(--weight-bold);margin:0 0 var(--space-4)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--weight-bold);margin:0 0 var(--space-4)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-snug);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-snug);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}h5{font-size:var(--font-size-md);line-height:var(--line-height-normal);font-weight:var(--weight-medium);margin:0 0 var(--space-2)}h6{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--weight-medium);margin:0 0 var(--space-1)}.subtitle{font-size:var(--font-size-lg);color:var(--color-muted);margin-bottom:var(--space-3)}.text-body{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.ui-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;text-decoration:none;transition:background-color .12s ease,box-shadow .12s ease,transform 80ms ease}.btn--sm{padding:8px 12px;font-size:var(--font-size-sm)}.btn--md{padding:10px 16px;font-size:var(--font-size-md)}.btn--lg{padding:12px 18px;font-size:var(--font-size-lg)}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active);transform:translateY(.5px)}.btn--secondary{background:var(--color-secondary);color:var(--color-secondary-contrast)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active);transform:translateY(.5px)}.btn--action{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--action:hover{background:var(--color-accent-hover)}.btn--action:active{background:var(--color-accent-active);transform:translateY(.5px)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{filter:brightness(.95)}.btn--success:active{filter:brightness(.9);transform:translateY(.5px)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{filter:brightness(.95)}.btn--danger:active{filter:brightness(.9);transform:translateY(.5px)}.btn--outline{background:transparent;border:var(--border-width) solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{background:#0000000a}.btn:disabled,.btn[aria-disabled=true],.btn--disabled{cursor:not-allowed;background:var(--color-disabled-bg);color:var(--color-disabled-text);box-shadow:none}.chip{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:var(--font-size-sm);line-height:1.25;border:var(--border-width) solid var(--color-border)}.chip+.chip{margin-left:8px}.chip--blue{background:#f3f9ff;color:#1b6fe0;border-color:#d6e4ff}.chip--green{background:#eefbf6;color:#0b7d62;border-color:#c8f0e1}.chip--purple{background:#f6f0fb;color:#5b3ba4;border-color:#e5d6f7}.chip--red{background:#fff3f3;color:#b71c1c;border-color:#ffd6d6}.chip--yellow{background:#fff9e6;color:#a46a00;border-color:#ffe7a3}.chip:hover{filter:brightness(.98)}.ui-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.ui-container{max-width:640px}}@media(min-width:768px){.ui-container{max-width:768px}}@media(min-width:1024px){.ui-container{max-width:1024px}}@media(min-width:1280px){.ui-container{max-width:1280px}}.ui-grid{display:grid;gap:var(--space-4)}.ui-grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ui-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:root[data-theme=dark]{--md-sys-color-background: #121212;--md-sys-color-on-background: rgba(255, 255, 255, .87);--md-sys-color-surface: #1E1E1E;--md-sys-color-on-surface: rgba(255, 255, 255, .87);--md-sys-color-surface-variant: #2A2A2A;--md-sys-color-outline: rgba(255, 255, 255, .12);--md-sys-color-primary: #2F80ED;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-secondary: #00C48C;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-tertiary: #8E24AA;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-error: #E53935;--md-sys-color-on-error: #FFFFFF;--color-bg: var(--md-sys-color-background);--color-surface: var(--md-sys-color-surface);--color-border: var(--md-sys-color-outline);--color-text: var(--md-sys-color-on-surface);--color-muted: rgba(255, 255, 255, .6);--color-disabled-text: rgba(255, 255, 255, .38);--color-disabled-bg: rgba(255, 255, 255, .12);--color-primary: var(--md-sys-color-primary);--color-primary-hover: #1B6FE0;--color-primary-active: #1657B5;--color-primary-contrast: var(--md-sys-color-on-primary);--color-secondary: var(--md-sys-color-secondary);--color-secondary-hover: #01B07E;--color-secondary-active: #018D66;--color-secondary-contrast: var(--md-sys-color-on-secondary);--color-accent: var(--md-sys-color-tertiary);--color-accent-hover: #7B1FA2;--color-accent-active: #4A148C;--color-accent-contrast: var(--md-sys-color-on-tertiary);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 8px 28px rgba(0,0,0,.55)}.text-body{color:var(--color-text)}.text-secondary{color:var(--color-muted)}.text-disabled{color:var(--color-disabled-text)}:root[data-theme=dark] .ui-card{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .ui-card:hover{box-shadow:var(--shadow-md)}:root[data-theme=dark] .ui-card:active{box-shadow:var(--shadow-lg)}:root[data-theme=dark] .chip{border-color:#ffffff1f}:root[data-theme=dark] .chip--blue{background:#3b82f62e;color:#93c5fd;border-color:#3b82f647}:root[data-theme=dark] .chip--green{background:#0cc2992e;color:#b6f3e3;border-color:#0cc29947}:root[data-theme=dark] .chip--purple{background:#8b5cf62e;color:#c4b5fd;border-color:#8b5cf647}:root[data-theme=dark] .chip--red{background:#ef444429;color:#fca5a5;border-color:#ef444447}:root[data-theme=dark] .chip--yellow{background:#facc1524;color:#fde68a;border-color:#facc1547}:root[data-theme=dark] .btn--ghost:hover{background:#ffffff14}:root[data-theme=dark] .btn--outline:hover{border-color:var(--color-primary)}:root[data-theme=dark] .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header{background:var(--color-surface);box-shadow:var(--shadow-sm)}.brand-link{color:var(--color-primary);transition:color .12s ease}.brand-link:hover{color:var(--color-primary-hover)}.nav-link{color:var(--color-muted);transition:color .12s ease}.nav-link:hover{color:var(--color-primary)}.nav-link--active{font-weight:var(--weight-semibold);color:var(--color-primary)}.searchbar{position:relative}.searchbar__input{width:100%;padding:10px 14px 10px 40px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--md-sys-color-surface);font-size:var(--font-size-sm);color:var(--color-text)}.searchbar__input::placeholder{color:var(--color-muted)}.searchbar__input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.searchbar__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-muted)}:root[data-theme=dark] .searchbar__input{background:var(--color-surface)}.side-nav{display:flex;flex-direction:column;gap:var(--space-2)}.side-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.side-nav__link:hover{background:#0000000a}.side-nav__link--active{background:var(--md-sys-color-surface-variant);color:var(--color-primary);font-weight:var(--weight-semibold)}.side-nav__icon{width:18px;height:18px;color:var(--color-muted)}:root[data-theme=dark] .side-nav__link:hover{background:#ffffff14}:root[data-theme=dark] .side-nav__link--active{background:#ffffff0f}@media(max-width:767px){.ui-grid--responsive{grid-template-columns:1fr}}@media(min-width:768px){.ui-grid--responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.ui-grid--responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-6{margin-bottom:var(--space-6)}.u-p-4{padding:var(--space-4)}.u-p-6{padding:var(--space-6)}.ui-focus-ring:focus{outline:2px solid var(--color-primary);outline-offset:2px}