:root{--primary:#f57c00;--primary-container:#ffe0b2;--on-primary:#fff;--on-primary-container:#7a3e00;--secondary:#0d47a1;--secondary-container:#d6e4ff;--on-secondary:#fff;--on-secondary-container:#002b73;--success:#2e7d32;--success-container:#c8e6c9;--warning:#f9a825;--warning-container:#fff3cd;--error:#b3261e;--error-container:#f9dedc;--bg:#fafafa;--surface:#fff;--surface-variant:#f3f4f6;--border:#d0d5dd;--text:#555;--text-h:#1a1a1a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.dark{--bg:#121212;--surface:#1e1e1e;--surface-variant:#252525;--border:#4a4a4a;--text:#bdbdbd;--text-h:#fff}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#121212;--surface:#1e1e1e;--surface-variant:#252525;--border:#4a4a4a;--text:#bdbdbd;--text-h:#fff}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100vh;margin:0;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-layout{background-color:var(--bg);width:100vw;height:100vh;display:flex;overflow:hidden}.m3-sidebar{background-color:var(--surface);border-right:1px solid var(--border);white-space:nowrap;flex-direction:column;width:250px;transition:width .3s;display:flex;overflow:hidden}.m3-sidebar.closed{border:none;width:0}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-menu li{cursor:pointer;color:var(--text);padding:12px 20px;font-weight:500}.sidebar-menu li:hover{background-color:var(--surface-variant);color:var(--primary)}.app-layout-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.m3-navbar{background-color:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.navbar-title{color:var(--primary);font-size:20px;font-weight:700}.app-layout-content{flex:1;padding:20px;overflow-y:auto}.auth-layout{background-color:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-card-container{width:100%;max-width:400px}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.brand-showcase{text-align:left;flex-direction:column;gap:2rem;display:flex}.card{background-color:var(--surface);border:1px solid var(--border);color:var(--text-h);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card h2{color:var(--primary);border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem}.hero-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;text-align:center;border-radius:16px;padding:3rem}.hero-gradient h1{color:#fff;margin:0}.button-group,.component-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:500;transition:opacity .2s,box-shadow .2s}.btn:hover{opacity:.9;box-shadow:0 2px 4px #0003}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-secondary{background-color:var(--secondary);color:var(--on-secondary)}.btn-success{background-color:var(--success);color:#fff}.btn-warning{background-color:var(--warning);color:#000}.btn-error{background-color:var(--error);color:#fff}.input-group{flex-direction:column;flex:1;gap:.25rem;min-width:200px;display:flex}.input-group label{color:var(--text-h);font-size:14px;font-weight:500}.m3-input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--sans);border-radius:8px;padding:10px 16px}.m3-input:focus{outline:2px solid var(--primary);border-color:#0000}.input-error{border-color:var(--error)}.error-text{color:var(--error);font-size:12px}.checkbox-group,.radio-group{align-items:center;gap:.5rem;display:flex}.m3-checkbox,.m3-radio{accent-color:var(--primary);cursor:pointer;width:18px;height:18px}.switch-group{align-items:center;gap:.5rem;display:flex}.m3-switch{width:44px;height:24px;display:inline-block;position:relative}.m3-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.m3-alert{border-left:4px solid;border-radius:8px;margin-bottom:1rem;padding:16px}.alert-info{background-color:var(--secondary-container);border-color:var(--secondary);color:var(--on-secondary-container)}.alert-success{background-color:var(--success-container);border-color:var(--success);color:#1a4a1d}.alert-warning{background-color:var(--warning-container);border-color:var(--warning);color:#7a5000}.alert-error{background-color:var(--error-container);border-color:var(--error);color:#8c1d18}.alert-title{margin-bottom:4px;font-weight:600}.m3-badge{border-radius:100px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-primary{background-color:var(--primary-container);color:var(--on-primary-container)}.badge-secondary{background-color:var(--secondary-container);color:var(--on-secondary-container)}.badge-success{background-color:var(--success-container);color:#1a4a1d}.badge-warning{background-color:var(--warning-container);color:#7a5000}.badge-info{background-color:var(--secondary-container);color:var(--secondary)}.badge-error{background-color:var(--error);color:#fff}.m3-spinner{align-items:center;gap:4px;display:inline-flex}.m3-spinner div{background-color:var(--primary);border-radius:100%;width:10px;height:10px;animation:1.4s ease-in-out infinite both sk-bouncedelay;display:inline-block}.m3-spinner .bounce1{animation-delay:-.32s}.m3-spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.m3-table-container{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.m3-table{border-collapse:collapse;text-align:left;width:100%}.m3-table th{background-color:var(--surface-variant);border-bottom:2px solid var(--border);padding:12px 16px;font-weight:600}.m3-table td{border-bottom:1px solid var(--border);padding:12px 16px}.m3-table tr:last-child td{border-bottom:none}.m3-avatar{background-color:var(--primary-container);color:var(--on-primary-container);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar-small{width:32px;height:32px;font-size:14px}.avatar-medium{width:48px;height:48px;font-size:18px}.m3-avatar img{object-fit:cover;width:100%;height:100%}.m3-tabs-container{flex-direction:column;width:100%;display:flex}.m3-tab-headers{border-bottom:1px solid var(--border);margin-bottom:1rem;display:flex}.m3-tab-btn{cursor:pointer;font-family:var(--sans);color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-weight:500;transition:all .2s}.m3-tab-btn:hover{background-color:var(--surface-variant)}.m3-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.m3-tab-content{padding:1rem 0}.m3-divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}