:root{--color-bg-primary:#111214;--color-bg-secondary:#1a1b1e;--color-bg-tertiary:#1e1f22;--color-bg-elevated:#2b2d31;--color-bg-hover:#2e3035;--color-card:#1e1f22;--color-card-border:#ffffff0f;--color-card-hover:#252730;--color-card-hover-border:#5865f24d;--color-text-primary:#fff;--color-text-secondary:#b5bac1;--color-text-muted:#6d6f78;--color-text-inverse:#111214;--color-accent:#5865f2;--color-accent-hover:#4752c4;--color-accent-light:#5865f226;--color-accent-glow:#5865f266;--color-data:#00e5ff;--color-data-light:#00e5ff1f;--color-data-glow:#00e5ff59;--color-success:#23a55a;--color-success-bg:#23a55a1f;--color-warning:#f0b232;--color-warning-bg:#f0b2321f;--color-error:#da373c;--color-error-bg:#da373c1f;--color-info:#5865f2;--color-info-bg:#5865f21f;--color-food:#23a55a;--color-water:#00b4d8;--color-sleep:#9b59b6;--color-oil:#2c3e50;--color-wood:#8b6914;--color-metal:#95a5a6;--color-gold:#f1c40f;--gradient-accent:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);--gradient-accent-glow:linear-gradient(135deg,#5865f24d,#5865f20d);--gradient-futuristic:linear-gradient(135deg,#5865f2 0%,#00e5ff 100%);--gradient-success:linear-gradient(135deg,#23a55a 0%,#2ecc71 100%);--gradient-error:linear-gradient(135deg,#da373c 0%,#e74c3c 100%);--gradient-hero-bg:radial-gradient(ellipse 80% 50% at 50% -20%,#5865f226 0%,transparent 70%);--gradient-card-shine:linear-gradient(135deg,#ffffff0a 0%,#fff0 60%);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #00000080;--shadow-accent:0 0 20px #5865f240;--shadow-data:0 0 12px #00e5ff33;--shadow-card:0 2px 8px #0000004d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-hero:clamp(2.5rem,5vw,4.5rem);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1);--sidebar-width:260px;--header-height:60px;--max-content-width:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#ffffff04 1px,#0000 0);background-size:32px 32px;position:fixed;inset:0}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-card-border);padding:var(--space-lg);z-index:50;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-card-border);margin-bottom:var(--space-lg);display:flex}.sidebar-logo h1{font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--color-bg-elevated)transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--color-bg-elevated);border-radius:4px}.nav-section{margin-bottom:var(--space-lg);flex-shrink:0}.nav-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm)var(--space-md);margin-bottom:2px;font-size:11px;font-weight:700}.nav-link{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500;display:flex}.nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-link.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.nav-link svg{opacity:.8;flex-shrink:0;width:18px;height:18px}.nav-link.active svg{opacity:1}.main-content{margin-left:var(--sidebar-width);z-index:1;flex:1;min-height:100vh;position:relative}.header{height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-card-border);padding:0 var(--space-xl);z-index:40;background:#111214d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;display:flex}.header-right{align-items:center;gap:var(--space-md);display:flex}.page-title{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}.page-content{padding:var(--space-xl);max-width:var(--max-content-width);z-index:1;position:relative}.glass-card,.card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.glass-card:before,.card:before{content:"";background:var(--gradient-card-shine);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glass-card:hover,.card:hover{border-color:var(--color-card-hover-border);background:var(--color-card-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);padding:var(--space-lg);gap:var(--space-sm);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-card-shine);pointer-events:none;position:absolute;inset:0}.stat-card:hover{border-color:var(--color-card-hover-border);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.stat-card-icon{border-radius:var(--radius-lg);background:var(--color-accent-light);width:36px;height:36px;color:var(--color-accent);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.stat-card-value{font-size:var(--text-3xl);font-weight:700;line-height:1.2;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-data)}.stat-card-change{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);display:flex}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard-grid{gap:var(--space-lg);grid-template-columns:repeat(12,1fr);display:grid}.grid-col-4{grid-column:span 4}.grid-col-6{grid-column:span 6}.grid-col-8{grid-column:span 8}.grid-col-12{grid-column:span 12}@media (max-width:1200px){.grid-col-4,.grid-col-6,.grid-col-8{grid-column:span 12}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;border:none;padding:10px 20px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn-primary,.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-accent);color:#fff;transform:translateY(-1px)}.btn-secondary{color:var(--color-text-primary);background:0 0;border:1.5px solid #fff3}.btn-secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff6}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-error);color:#fff}.btn-sm{font-size:var(--text-xs);padding:6px 14px}.btn-lg{font-size:var(--text-base);padding:14px 28px}.form-group{margin-bottom:var(--space-lg)}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500;display:block}.form-input{width:100%;padding:10px var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-select{width:100%;padding:10px var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b5bac1' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.needs-container{gap:var(--space-md);flex-direction:column;display:flex}.need-bar{gap:var(--space-xs);flex-direction:column;display:flex}.need-bar-header{justify-content:space-between;align-items:center;display:flex}.need-bar-label{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:500;display:flex}.need-bar-value{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.need-bar-track{background:var(--color-bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.need-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.need-bar-fill.food{background:var(--gradient-success)}.need-bar-fill.water{background:linear-gradient(90deg,#00b4d8,#00e5ff)}.need-bar-fill.sleep{background:linear-gradient(90deg,#9b59b6,#c084fc)}.need-bar-fill.critical{animation:1.5s ease-in-out infinite pulse-critical}@keyframes pulse-critical{0%,to{box-shadow:0 0 #da373c66}50%{box-shadow:0 0 8px 2px #da373c33}}.table-container{border-radius:var(--radius-xl);border:1px solid var(--color-card-border);background:var(--color-card);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:12px var(--space-md);text-align:left;border-bottom:1px solid var(--color-card-border)}.table th{background:var(--color-bg-elevated);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.table tr:hover td{background:#5865f20a}.table tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.avatar{border-radius:var(--radius-full);background:var(--gradient-accent);width:36px;height:36px;font-weight:600;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.loading-spinner{border:3px solid var(--color-bg-elevated);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state{padding:var(--space-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--space-lg);color:var(--color-text-muted)}.empty-state-title{font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:600}.empty-state-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideIn var(--transition-slow)ease-out}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.scanline-divider{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);height:1px;margin:var(--space-xl)0;opacity:.3}.data-text{font-family:var(--font-mono);color:var(--color-data);letter-spacing:-.02em}.glow-border{border:1px solid var(--color-card-border);transition:all var(--transition-base)}.glow-border:hover{border-color:var(--color-accent);box-shadow:0 0 16px #5865f226,inset 0 0 16px #5865f20d}.neon-line{position:relative}.neon-line:after{content:"";background:var(--gradient-futuristic);border-radius:1px;width:100%;height:2px;position:absolute;bottom:-2px;left:0;box-shadow:0 0 8px #5865f280}.user-menu{align-items:center;gap:var(--space-md);display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:var(--radius-full)}.user-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-secondary)}.mobile-menu-btn,.sidebar-close-btn{color:var(--color-text-secondary);padding:var(--space-xs);cursor:pointer;transition:color var(--transition-fast);z-index:50;background:0 0;border:none;display:none}.mobile-menu-btn:hover,.sidebar-close-btn:hover{color:var(--color-text-primary)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#000000b3;animation:.2s ease-out overlayIn;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.main-content{width:100%;margin-left:0}.header{padding:0 var(--space-lg);width:100%;left:0}.page-content{padding:var(--space-lg)}.sidebar{transition:transform var(--transition-base)cubic-bezier(.4,0,.2,1);box-shadow:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.mobile-menu-btn{margin-right:var(--space-md);justify-content:center;align-items:center;display:flex}.sidebar-close-btn{font-size:var(--text-xl);border-radius:var(--radius-md);color:#fff;background:#ffffff14;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.sidebar-close-btn:hover{background:#ffffff26}.dashboard-grid{grid-template-columns:1fr!important}.card-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.table-container{position:relative}.table-container:after{content:"";background:linear-gradient(to right,transparent,var(--color-card));pointer-events:none;border-radius:0 var(--radius-xl)var(--radius-xl)0;opacity:.9;width:32px;position:absolute;top:0;bottom:0;right:0}.table th,.table td{white-space:nowrap;font-size:var(--text-sm);padding:10px 12px}}@media (max-width:640px){html{font-size:14px}.page-content{padding:var(--space-sm)var(--space-md)var(--space-xl)}.header{padding:0 var(--space-md);height:52px}.page-title{font-size:var(--text-base)}.glass-card,.card{border-radius:var(--radius-lg)}.stats-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px!important}.form-input,.form-select{min-height:44px;padding:10px 14px}.btn-lg{justify-content:center;width:100%}.btn-sm{padding:8px 12px}.user-name{display:none}.stat-card-value{font-size:var(--text-2xl)}.badge{padding:2px 8px;font-size:10px}.table-container:after{display:none}.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,.grid.grid-cols-1.md\:grid-cols-3.lg\:grid-cols-5,.grid.grid-cols-1.md\:grid-cols-3.lg\:grid-cols-6{grid-template-columns:repeat(2,1fr)!important}.p-6{padding:1rem}.p-8{padding:1.25rem}.p-5{padding:1rem}.gap-6{gap:.75rem}.mb-8{margin-bottom:1.25rem}.mb-6{margin-bottom:1rem}.modal-content{max-height:90vh;margin:auto;overflow-y:auto;width:calc(100vw - 32px)!important;max-width:none!important}[style*="fontSize: '28px'"],[style*="fontSize: '24px'"]{word-break:break-all}.nav-link{padding:8px var(--space-md);font-size:13px}.nav-section-title{padding:var(--space-xs)var(--space-md);font-size:10px}.sidebar{width:100vw;max-width:300px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-full{grid-column:1/-1}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-2{margin-left:.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-400{color:var(--color-text-secondary)}.text-gray-500{color:var(--color-text-muted)}.text-green-400{color:var(--color-success)}.text-red-400{color:var(--color-error)}.text-yellow-400{color:var(--color-warning)}.text-blue-400{color:var(--color-accent)}.text-purple-400{color:#9b59b6}.bg-white\/10{background-color:#ffffff14}.bg-green-500\/20{background-color:var(--color-success-bg)}.bg-red-500\/20{background-color:var(--color-error-bg)}.bg-yellow-500\/20{background-color:var(--color-warning-bg)}.bg-blue-500\/20{background-color:var(--color-info-bg)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-via,transparent),var(--tw-gradient-to))}.from-gray-900{--tw-gradient-from:#111214}.via-purple-900{--tw-gradient-via:#1a1040}.to-gray-900{--tw-gradient-to:#111214}.from-purple-500{--tw-gradient-from:#5865f2}.to-blue-500{--tw-gradient-to:#00e5ff}.from-purple-500\/20{--tw-gradient-from:#5865f226}.to-blue-500\/20{--tw-gradient-to:#00e5ff26}.from-green-500\/20{--tw-gradient-from:#23a55a26}.to-teal-500\/20{--tw-gradient-to:#00b4d826}.from-yellow-500\/20{--tw-gradient-from:#f0b23226}.to-orange-500\/20{--tw-gradient-to:#e67e2226}.border{border-width:1px}.border-white\/10{border-color:#ffffff0f}.border-white\/20{border-color:#ffffff1f}.border-purple-500\/30{border-color:#5865f24d}.border-purple-500\/50{border-color:#5865f280}.border-green-500\/30{border-color:#23a55a4d}.border-green-500\/50{border-color:#23a55a80}.border-yellow-500\/30{border-color:#f0b2324d}.border-yellow-500\/50{border-color:#f0b23280}.border-red-500{border-color:var(--color-error)}.border-red-500\/30{border-color:#da373c4d}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.w-3{width:.75rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-16{height:4rem}.w-full{width:100%}.h-full{height:100%}.min-w-\[200px\]{min-width:200px}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.space-y-4>*+*{margin-top:1rem}.transition{transition:all .15s}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.cursor-pointer{cursor:pointer}.animate-spin{animation:.8s linear infinite spin}.overflow-hidden{overflow:hidden}.hover\:opacity-90:hover{opacity:.9}.hover\:border-purple-500\/50:hover{border-color:#5865f280}.hover\:border-green-500\/50:hover{border-color:#23a55a80}.hover\:bg-red-500\/20:hover{background-color:#da373c26}.peer:checked~.peer-checked\:bg-purple-500{background-color:var(--color-accent)}.peer:checked~.peer-checked\:after\:translate-x-full:after{transform:translate(100%)}.modal-backdrop{animation:.2s ease-out forwards overlayIn}.modal-content{animation:modalPopIn .3s var(--transition-spring)forwards;background:var(--color-bg-secondary);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 40px #5865f214}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-warning-icon{animation:1.2s ease-in-out infinite warningPulse}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);width:100%;overflow-x:auto}.container{width:100%;padding-left:var(--space-md);padding-right:var(--space-md);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}