:root{--font-sans: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--brand-50: 6 78 59;--brand-100: 6 95 70;--brand-200: 4 120 87;--brand-300: 5 150 105;--brand-400: 16 185 129;--brand-500: 52 211 153;--brand-600: 110 231 183;--brand-700: 167 243 208;--brand-800: 209 250 229;--brand-900: 236 253 245;--surface-ground: 3 3 3;--surface-card: 12 12 14;--surface-elevated: 22 22 26;--surface-hover: 28 28 32;--surface-border: 45 45 52;--content-primary: 250 250 250;--content-secondary: 161 161 170;--content-muted: 113 113 122;--status-up: 52 211 153;--status-down: 248 113 113;--status-warn: 251 191 36;--danger-50: 69 26 26;--danger-100: 127 29 29;--danger-600: 220 38 38;--danger-700: 248 113 113;--warning-50: 69 53 26;--warning-100: 120 83 29;--warning-600: 217 119 6;--warning-700: 251 191 36;--radius-card: 1rem;--radius-btn: .75rem;--radius-input: .625rem;--radius-pill: 9999px;--sidebar-width: 256px;--sidebar-collapsed-width: 80px;--shadow-card: 0 0 0 1px rgb(var(--surface-border) / .35);--shadow-card-hover: 0 0 0 1px rgb(var(--brand-500) / .28);--shadow-btn: 0 1px 2px rgb(0 0 0 / .3);--shadow-glow: 0 0 20px rgb(var(--brand-500) / .15);--shadow-glow-lg: 0 0 40px rgb(var(--brand-500) / .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;background:rgb(var(--surface-ground))}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 12% -10%,rgb(var(--brand-500) / .16),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgb(var(--brand-500) / .1),transparent 55%),radial-gradient(1000px 600px at 50% 110%,rgb(255 255 255 / .05),transparent 60%),linear-gradient(180deg,#0000,#00000059)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.06;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .06) 0,rgb(255 255 255 / .06) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(90deg,rgb(255 255 255 / .04) 0,rgb(255 255 255 / .04) 1px,transparent 1px,transparent 10px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--surface-elevated) / .9);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--brand-400) / .7)}*:focus-visible{outline:2px solid rgb(var(--brand-500) / .9);outline-offset:2px}.shadow-glow,.shadow-glow-lg,.shadow-glow-sm{transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;will-change:transform}.shadow-glow:hover,.shadow-glow-lg:hover,.shadow-glow-sm:hover{transform:translateY(-1px);filter:saturate(1.05)}.shadow-glow:active,.shadow-glow-lg:active,.shadow-glow-sm:active{transform:translateY(0)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-transition{transition:width .3s cubic-bezier(.4,0,.2,1)}.main-transition{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-label{white-space:nowrap;display:inline-block;transition:opacity .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);max-width:200px;opacity:1}[data-collapsed=true] .sidebar-label{opacity:0;max-width:0;margin:0!important;padding:0!important;overflow:hidden;pointer-events:none}.nav-item,#logoLink,#collapseBtn,#userSection,#logoSection{transition:all .3s cubic-bezier(.4,0,.2,1)}[data-collapsed=true] #logoSection{padding-left:20px!important}[data-collapsed=true] .nav-item,[data-collapsed=true] #collapseBtn,[data-collapsed=true] #userSection{padding-left:12px!important;padding-right:12px!important;gap:0!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgb(var(--brand-500) / .3)}50%{box-shadow:0 0 20px rgb(var(--brand-500) / .5)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .3s ease-out forwards}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:rgb(var(--brand-400));background:linear-gradient(to bottom right,rgb(var(--brand-400) / .25),rgb(var(--brand-600) / .15));border:1px solid rgb(var(--brand-500) / .5);border-radius:.75rem;box-shadow:0 0 20px rgb(var(--brand-500) / .15);transition:all .2s ease;cursor:pointer}.btn-primary:hover{color:rgb(var(--brand-300));border-color:rgb(var(--brand-400) / .7);box-shadow:0 0 30px rgb(var(--brand-500) / .25);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 15px rgb(var(--brand-500) / .2)}.btn-primary svg{width:1rem;height:1rem;transition:transform .3s ease}.btn-primary:hover svg{transform:rotate(90deg)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:rgb(var(--content-secondary));background:rgb(var(--surface-elevated) / .5);border:1px solid rgb(var(--surface-border) / .5);border-radius:.75rem;transition:all .2s ease;cursor:pointer}.btn-secondary:hover{color:rgb(var(--brand-400));border-color:rgb(var(--brand-500) / .4);box-shadow:0 0 15px rgb(var(--brand-500) / .1)}.form-section{background:rgb(var(--surface-card));border:1px solid rgb(var(--surface-border) / .5);border-radius:1.25rem;padding:1.5rem;transition:border-color .2s ease}.form-section:hover{border-color:rgb(var(--brand-500) / .2)}.form-section-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:rgb(var(--content-primary));margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 1024px){.form-section{padding:2rem}.form-section-title{font-size:1.25rem;margin-bottom:1.5rem}}.form-label{display:block;font-size:.75rem;font-weight:700;color:rgb(var(--content-muted));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;color:rgb(var(--content-primary));background:rgb(var(--surface-elevated));border:1px solid rgb(var(--surface-border));border-radius:.875rem;outline:none;transition:all .2s ease}.form-input::-moz-placeholder{color:rgb(var(--content-muted))}.form-input::placeholder{color:rgb(var(--content-muted))}.form-input:hover{border-color:rgb(var(--surface-border) / .8);background:rgb(var(--surface-hover) / .5)}.form-input:focus{border-color:rgb(var(--brand-500) / .6);box-shadow:0 0 0 3px rgb(var(--brand-500) / .1),0 0 20px rgb(var(--brand-500) / .08);background:rgb(var(--surface-elevated))}@media (min-width: 1024px){.form-input{padding:1rem 1.25rem;font-size:1rem;border-radius:1rem}}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}.form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2334d399' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}.form-code{font-family:var(--font-mono);font-size:.8125rem;background:rgb(var(--surface-ground));color:rgb(var(--brand-400));line-height:1.7}.form-check{width:1.25rem;height:1.25rem;background:rgb(var(--surface-elevated));border:2px solid rgb(var(--surface-border));cursor:pointer;transition:all .15s ease;flex-shrink:0}.form-check:hover{border-color:rgb(var(--brand-500) / .5)}.form-check:checked{background:rgb(var(--brand-500));border-color:rgb(var(--brand-500))}.form-check:focus{box-shadow:0 0 0 3px rgb(var(--brand-500) / .15)}.form-radio-card{position:relative;cursor:pointer}.form-radio-card input{position:absolute;opacity:0;width:0;height:0}.form-radio-card-content{padding:1rem;border:2px solid rgb(var(--surface-border));border-radius:1rem;background:rgb(var(--surface-elevated) / .5);transition:all .2s ease}.form-radio-card:hover .form-radio-card-content{border-color:rgb(var(--brand-500) / .4);background:rgb(var(--surface-elevated))}.form-radio-card input:checked+.form-radio-card-content{border-color:rgb(var(--brand-500) / .7);background:linear-gradient(to bottom right,rgb(var(--brand-400) / .08),rgb(var(--brand-600) / .04));box-shadow:0 0 25px rgb(var(--brand-500) / .1)}.form-radio-card input:focus+.form-radio-card-content{box-shadow:0 0 0 3px rgb(var(--brand-500) / .15)}@media (min-width: 1024px){.form-radio-card-content{padding:1.25rem;border-radius:1.25rem}}.form-radio-icon{width:3rem;height:3rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(to bottom right,rgb(var(--brand-400) / .15),rgb(var(--brand-600) / .08));border:1px solid rgb(var(--brand-500) / .3);flex-shrink:0;transition:all .2s ease}.form-radio-card input:checked+.form-radio-card-content .form-radio-icon{background:linear-gradient(to bottom right,rgb(var(--brand-400) / .25),rgb(var(--brand-600) / .15));border-color:rgb(var(--brand-500) / .5);box-shadow:0 0 15px rgb(var(--brand-500) / .15)}@media (min-width: 1024px){.form-radio-icon{width:3.5rem;height:3.5rem;border-radius:1rem;font-size:1.75rem}}.form-checkbox-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border:1px solid rgb(var(--surface-border) / .6);border-radius:1rem;background:rgb(var(--surface-elevated) / .3);cursor:pointer;transition:all .2s ease}.form-checkbox-row:hover{border-color:rgb(var(--brand-500) / .4);background:rgb(var(--brand-500) / .04)}@media (min-width: 1024px){.form-checkbox-row{padding:1rem 1.25rem}}.form-error{align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgb(var(--danger-700) / .1);border:1px solid rgb(var(--danger-700) / .25);border-radius:1rem;color:rgb(var(--danger-700));font-weight:600;font-size:.875rem}.form-error:not(.hidden){display:flex}.form-error svg{width:1.25rem;height:1.25rem;flex-shrink:0}.form-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:flex-end}.form-actions>*{min-width:140px}}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:rgb(var(--surface-ground));background:linear-gradient(135deg,rgb(var(--brand-400)),rgb(var(--brand-500)));border:none;border-radius:1rem;box-shadow:0 0 25px rgb(var(--brand-500) / .25);cursor:pointer;transition:all .2s ease}.btn-submit:hover{background:linear-gradient(135deg,rgb(var(--brand-300)),rgb(var(--brand-400)));box-shadow:0 0 40px rgb(var(--brand-500) / .35);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 1024px){.btn-submit{padding:1rem 2rem;font-size:1rem}}.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:rgb(var(--content-secondary));background:transparent;border:1px solid rgb(var(--surface-border));border-radius:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.btn-cancel:hover{color:rgb(var(--content-primary));background:rgb(var(--surface-elevated) / .5);border-color:rgb(var(--surface-border) / .8)}@media (min-width: 1024px){.btn-cancel{padding:1rem 2rem;font-size:1rem}}.btn-back{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,rgb(var(--surface-elevated) / .8),rgb(var(--surface-card) / .5));border:1px solid rgb(var(--surface-border) / .6);border-radius:.75rem;color:rgb(var(--content-muted));transition:all .2s ease;flex-shrink:0}.btn-back:hover{color:rgb(var(--brand-400));border-color:rgb(var(--brand-500) / .5);box-shadow:0 0 15px rgb(var(--brand-500) / .1)}.btn-back svg{width:1.25rem;height:1.25rem}@media (min-width: 1024px){.btn-back{width:3rem;height:3rem;border-radius:1rem}.btn-back svg{width:1.5rem;height:1.5rem}}