:root{--neu-bg: #E0E5EC;--neu-bg-dark: #D1D9E6;--neu-card-bg: linear-gradient(145deg, #E8ECF2, #D8DDE4);--neu-card-bg-hover: linear-gradient(145deg, #EDF0F5, #DCE1E8);--neu-card-violet: linear-gradient(145deg, #EAE8F8, #DDDAF0);--neu-card-violet-hover: linear-gradient(145deg, #EFECFB, #E2E0F4);--neu-card-teal: linear-gradient(145deg, #E2F2F0, #D4EAE7);--neu-card-teal-hover: linear-gradient(145deg, #E9F6F4, #DAF0ED);--neu-card-coral: linear-gradient(145deg, #F2E8EC, #EAD8DE);--neu-card-coral-hover: linear-gradient(145deg, #F7EDF1, #EEDDE3);--neu-text-primary: #3D4852;--neu-text-muted: #6B7280;--neu-text-heading: #2D3748;--neu-accent: #6C63FF;--neu-accent-hover: #5A52D5;--neu-accent-light: #8B84FF;--neu-accent-secondary: #1c3cdc;--neu-accent-secondary-dark: #14B8A6;--neu-accent-tertiary: #FF6B8A;--neu-accent-tertiary-dark: #E8547A;--neu-accent-danger: #E53E3E;--neu-accent-warning: #ED8936;--neu-accent-success: #2DD4BF;--neu-shadow-light: rgba(255, 255, 255, .5);--neu-shadow-dark: rgba(163, 177, 198, .6);--neu-shadow-light-strong: rgba(255, 255, 255, .6);--neu-shadow-dark-strong: rgba(163, 177, 198, .7);--neu-extruded: 9px 9px 16px var(--neu-shadow-dark), -9px -9px 16px var(--neu-shadow-light);--neu-extruded-hover: 12px 12px 20px var(--neu-shadow-dark-strong), -12px -12px 20px var(--neu-shadow-light-strong);--neu-extruded-sm: 5px 5px 10px var(--neu-shadow-dark), -5px -5px 10px var(--neu-shadow-light);--neu-inset: inset 6px 6px 10px var(--neu-shadow-dark), inset -6px -6px 10px var(--neu-shadow-light);--neu-inset-deep: inset 10px 10px 20px var(--neu-shadow-dark-strong), inset -10px -10px 20px var(--neu-shadow-light-strong);--neu-inset-sm: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);--neu-radius-container: 32px;--neu-radius-button: 16px;--neu-radius-inner: 12px;--neu-radius-pill: 9999px;--font-display: "Plus Jakarta Sans", "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--neu-transition: .3s ease-out;--neu-transition-slow: .5s ease-out;--sidebar-width: 240px;--navbar-height: 72px;--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--neu-bg);font-family:var(--font-body);color:var(--neu-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:var(--font-display)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--neu-text-heading);line-height:1.2;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--neu-accent);outline-offset:2px;border-radius:4px}::selection{background:var(--neu-accent-secondary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neu-bg)}::-webkit-scrollbar-thumb{background:var(--neu-shadow-dark);border-radius:var(--neu-radius-pill)}::-webkit-scrollbar-thumb:hover{background:#a3b1c6cc}a{color:var(--neu-accent);text-decoration:none;transition:color var(--neu-transition)}a:hover{color:var(--neu-accent-hover)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{background:var(--neu-bg);border:none;border-radius:var(--neu-radius-inner);box-shadow:var(--neu-inset);color:var(--neu-text-primary);font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;min-height:var(--touch-target);width:100%;box-sizing:border-box;transition:box-shadow var(--neu-transition),outline var(--neu-transition)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:2px solid var(--neu-accent);outline-offset:2px;box-shadow:var(--neu-inset-deep)}input::placeholder,textarea::placeholder{color:var(--neu-text-muted);opacity:.75}input[readonly],input[disabled],select[disabled],textarea[disabled]{opacity:.6;cursor:not-allowed}.card,.panel,.box{background:var(--neu-card-bg);border:none;border-radius:var(--neu-radius-container);box-shadow:var(--neu-extruded);padding:1.75rem}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){:root{--neu-radius-container: 20px;--neu-radius-button: 12px;--sidebar-width: 0px;--navbar-height: 60px}}