.nav-link:hover,.nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-mobile-left,.nav-mobile-right{align-items:center;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}@media (width<=767px){.app-content{padding:var(--space-4);padding-bottom:calc(var(--space-20) + var(--space-6))}}@media (width>=1024px){.app-layout{flex-direction:row}.app-header{border-bottom:none;border-right:1px solid var(--color-border);z-index:40;flex-direction:column;width:280px;height:100vh;position:fixed;top:0;left:0}.app-content{padding:var(--space-8);padding-top:var(--space-6);margin-left:280px}}@media (width>=1440px){.app-content{padding:var(--space-12);max-width:1600px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.container{width:100%}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-px{width:1px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--color-background\)\]{border-color:var(--color-background)}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-outline\)\]\/30{border-color:var(--color-outline)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--color-outline\)\]\/30{border-color:color-mix(in oklab, var(--color-outline) 30%, transparent)}}.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-border\)\]{background-color:var(--color-border)}.bg-\[var\(--color-primary\)\],.bg-\[var\(--color-primary\)\]\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-primary\)\]\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-\[var\(--color-success\)\],.bg-\[var\(--color-success\)\]\/10{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-success\)\]\/10{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}}.bg-\[var\(--color-surface\)\]\/50{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-surface\)\]\/50{background-color:color-mix(in oklab, var(--color-surface) 50%, transparent)}}.bg-\[var\(--color-warning\)\]\/10{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-warning\)\]\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--color-background\)\]{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-primary\)\]\/5{--tw-gradient-from:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.from-\[var\(--color-primary\)\]\/5{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.from-\[var\(--color-primary\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[var\(--color-surface\)\]{--tw-gradient-to:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-center{text-align:center}.text-left{text-align:left}.text-\[var\(--color-on-background\)\]{color:var(--color-on-background)}.text-\[var\(--color-on-primary\)\]{color:var(--color-on-primary)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-outline\)\]{color:var(--color-outline)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-warning\)\]{color:var(--color-warning)}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-\[var\(--color-primary\)\]\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-primary\)\]\/5:hover{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{--primary-50:#f3e8ff;--primary-100:#e9d5ff;--primary-200:#d4afff;--primary-300:#bb86fc;--primary-400:#a855f7;--primary-500:#9333ea;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--color-primary:var(--primary-600);--color-primary-hover:var(--primary-700);--color-primary-light:var(--primary-100);--color-primary-container:var(--primary-100);--color-secondary:#06b6d4;--color-background:#fff;--color-surface:var(--gray-50);--color-surface-elevated:#fff;--color-border:var(--gray-200);--color-border-focus:var(--primary-500);--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-muted:var(--gray-500);--color-on-background:var(--gray-900);--color-on-surface:var(--gray-900);--color-on-primary:#fff;--color-outline:var(--gray-500);--color-success:var(--success-500);--color-warning:var(--warning-500);--color-error:var(--error-500);--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base: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;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:.375rem;--radius-base:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-full:100%;--spacing-xs:var(--space-2);--spacing-sm:var(--space-4);--spacing-md:var(--space-6);--spacing-lg:var(--space-8);--spacing-xl:var(--space-10);--spacing-2xl:var(--space-12);--spacing-3xl:var(--space-16);--spacing-4xl:var(--space-20);--radius-md:var(--radius-base);--radius-3xl:var(--radius-2xl)}.dark{--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-light:var(--primary-900);--color-primary-container:var(--primary-900);--color-secondary:#22d3ee;--color-background:#0a0a0a;--color-surface:var(--gray-900);--color-surface-elevated:var(--gray-800);--color-border:var(--gray-700);--color-border-focus:var(--primary-400);--color-text-primary:var(--gray-100);--color-text-secondary:var(--gray-300);--color-text-muted:var(--gray-400);--color-on-background:var(--gray-100);--color-on-surface:var(--gray-100);--color-on-primary:#000;--color-outline:var(--gray-400);--color-success:var(--success-500);--color-warning:var(--warning-500);--color-error:var(--error-500);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #0009}@media (prefers-color-scheme:dark){:root{--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-light:var(--primary-900);--color-primary-container:var(--primary-900);--color-secondary:#22d3ee;--color-background:#0a0a0a;--color-surface:var(--gray-900);--color-surface-elevated:var(--gray-800);--color-border:var(--gray-700);--color-border-focus:var(--primary-400);--color-text-primary:var(--gray-100);--color-text-secondary:var(--gray-300);--color-text-muted:var(--gray-400);--color-on-background:var(--gray-100);--color-on-surface:var(--gray-100);--color-on-primary:#000;--color-outline:var(--gray-400)}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-size:16px;line-height:1.5}body{font-family:var(--font-family-sans);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;min-height:100vh}#root{isolation:isolate;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover,a:focus-visible{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-1);color:var(--color-text-secondary)}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}input{background:0 0;border:none;outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=768px){.auth-layout-desktop{background:linear-gradient(135deg, var(--color-primary) 0%, var(--primary-700) 50%, var(--primary-800) 100%);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-hero-section{padding:var(--space-12);color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-hero-section:before{content:"";opacity:.7;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.auth-hero-content{z-index:1;text-align:center;max-width:400px;position:relative}.auth-form-section{padding:var(--space-8);background:var(--color-background);justify-content:center;align-items:center;display:flex}.nav-desktop{padding:var(--space-4) var(--space-8);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.sidebar-desktop{background:var(--color-surface-elevated);border-right:1px solid var(--color-border);width:280px;height:100vh;padding:var(--space-6);overflow-y:auto}.main-content-desktop{padding:var(--space-8);flex:1;max-width:1200px;margin:0 auto}.form-container-desktop{background:var(--color-surface-elevated);border-radius:var(--radius-2xl);width:100%;max-width:480px;padding:var(--space-10);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.grid-desktop-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-desktop-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-desktop-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.card-desktop{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);transition:all var(--transition-base)}.card-desktop:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media (width>=1024px){.auth-layout-desktop{grid-template-columns:3fr 2fr}.auth-hero-section{padding:var(--space-16)}.form-container-desktop{max-width:520px;padding:var(--space-12)}.main-content-desktop{padding:var(--space-12);max-width:1400px}}@media (width>=1440px){.main-content-desktop{max-width:1600px;padding:var(--space-16)}}@media (width<=767px){.auth-layout-mobile{background:var(--color-background);min-height:100vh;padding:var(--space-4);flex-direction:column;display:flex}.auth-header-mobile{text-align:center;padding:var(--space-8) var(--space-4) var(--space-6);background:linear-gradient(135deg, var(--color-primary), var(--primary-700));color:#fff;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;margin:0 calc(var(--space-4) * -1) var(--space-6)}.auth-form-mobile{padding-top:var(--space-4);flex:1;justify-content:center;align-items:flex-start;display:flex}.nav-mobile{padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.bottom-nav-mobile{background:var(--color-surface-elevated);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-2);z-index:50;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);min-width:60px;transition:all var(--transition-fast);flex-direction:column;display:flex}.bottom-nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.main-content-mobile{padding:var(--space-4);padding-bottom:calc(var(--space-20) + var(--space-4))}.form-container-mobile{background:var(--color-surface-elevated);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.card-mobile{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.stack-mobile{gap:var(--space-4);flex-direction:column;display:flex}.full-width-mobile{width:100vw;margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.drawer-mobile{background:var(--color-background);z-index:100;width:100vw;height:100vh;transition:transform var(--transition-base);position:fixed;top:0;left:0;transform:translateY(100%)}.drawer-mobile.open{transform:translateY(0)}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-content{padding:var(--space-4);height:calc(100% - 60px);overflow-y:auto}}@media (width<=374px){.form-container-mobile{padding:var(--space-4);margin:var(--space-2)}.auth-header-mobile{padding:var(--space-6) var(--space-4);margin:0 calc(var(--space-2) * -1) var(--space-4)}.main-content-mobile{padding:var(--space-2)}}@media (hover:none) and (pointer:coarse){.touch-target{min-width:44px;min-height:44px}button,.btn,a[role=button]{min-height:44px;padding:var(--space-3) var(--space-4)}.card-mobile:hover{box-shadow:var(--shadow-sm);transform:none}}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--line-height-tight);display:block}.form-label.required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);appearance:none;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--primary-500), .1);background-color:var(--color-surface-elevated)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-error)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(var(--error-500), .1)}.form-input.success,.form-textarea.success,.form-select.success{border-color:var(--color-success)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:1}.form-textarea{resize:vertical;min-height:120px;font-family:var(--font-family-sans)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;padding-right:var(--space-10);background-repeat:no-repeat;background-size:16px 12px}.form-input-sm,.form-textarea-sm,.form-select-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.form-input-lg,.form-textarea-lg,.form-select-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.form-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-error);line-height:var(--line-height-tight);display:block}.form-help{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-tight);display:block}.input-group{width:100%;display:flex}.input-group .form-input{border-right:none;border-radius:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right:2px solid var(--color-border)}.input-group-addon{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);border-left:none;align-items:center;display:flex}.input-group-addon:first-child{border-left:2px solid var(--color-border);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-right:none}.input-group-addon:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-checkbox,.form-radio{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.form-checkbox input,.form-radio input{cursor:pointer;width:18px;height:18px;margin:0}.form-checkbox label,.form-radio label{font-size:var(--font-size-base);color:var(--color-text-secondary);cursor:pointer;line-height:var(--line-height-normal);margin:0}.form-actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex}.form-actions-center{justify-content:center}.form-actions-right{justify-content:flex-end}.form-actions-between{justify-content:space-between}@media (width<=767px){.form-actions{flex-direction:column}.form-actions button,.form-actions .btn{width:100%}.input-group{flex-direction:column}.input-group .form-input,.input-group-addon{border-radius:var(--radius-lg);border:2px solid var(--color-border);margin-bottom:var(--space-2)}.input-group .form-input:last-child,.input-group-addon:last-child{margin-bottom:0}}.floating-label{margin-bottom:var(--space-5);position:relative}.floating-label input,.floating-label textarea{padding:var(--space-6) var(--space-4) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);width:100%;font-size:var(--font-size-base);transition:all var(--transition-fast);background:0 0}.floating-label label{left:var(--space-4);top:var(--space-4);font-size:var(--font-size-base);color:var(--color-text-muted);transition:all var(--transition-fast);pointer-events:none;background:var(--color-background);padding:0 var(--space-1);position:absolute}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label,.floating-label textarea:focus+label,.floating-label textarea:not(:placeholder-shown)+label{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);top:-8px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:2px solid #0000;min-height:44px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--primary-700));box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover), var(--primary-800));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);background-color:var(--color-surface);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-elevated);border-color:var(--color-primary);box-shadow:var(--shadow-base);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){color:#fff;background-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{color:var(--color-primary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary-hover)}.btn-danger{color:#fff;background:linear-gradient(135deg, var(--color-error), #dc2626);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-success{color:#fff;background:linear-gradient(135deg, var(--color-success), var(--success-600));box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg, var(--success-600), #15803d);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-1);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);gap:var(--space-3);min-height:52px}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-xl);gap:var(--space-3);min-height:60px}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn.loading{color:#0000;cursor:not-allowed}.btn.loading:after{content:"";width:20px;height:20px;color:inherit;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:1s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-full{justify-content:center;width:100%}.btn-group{vertical-align:middle;display:inline-flex}.btn-group .btn{border-radius:0;margin-left:-2px;position:relative}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);margin-left:0}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.btn-group .btn:hover,.btn-group .btn:focus{z-index:1}.btn-icon{border-radius:var(--radius-lg);width:44px;height:44px;padding:0}.btn-icon-sm{width:36px;height:36px}.btn-icon-lg{width:52px;height:52px}.btn .icon{flex-shrink:0;width:18px;height:18px}.btn-sm .icon{width:16px;height:16px}.btn-lg .icon,.btn-xl .icon{width:20px;height:20px}.btn-fab{width:56px;height:56px;bottom:var(--space-6);right:var(--space-6);z-index:50;box-shadow:var(--shadow-xl);border-radius:50%;padding:0;position:fixed}.btn-fab:hover:not(:disabled){transform:scale(1.1);box-shadow:0 8px 25px #00000026}.btn-toggle{background-color:var(--color-surface);color:var(--color-text-muted);position:relative}.btn-toggle.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-base)}.btn-toggle:not(.active):hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}@media (width<=767px){.btn{min-height:48px;padding:var(--space-3) var(--space-5)}.btn-sm{min-height:40px}.btn-lg{min-height:56px}.btn-fab{width:60px;height:60px;bottom:var(--space-4);right:var(--space-4)}.btn-group{flex-direction:column;width:100%}.btn-group .btn{border-radius:var(--radius-lg);margin:0 0 var(--space-2) 0;width:100%}.btn-group .btn:last-child{margin-bottom:0}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}.btn.loading:after{animation:none}}@media (prefers-contrast:high){.btn{border-width:3px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.btn-secondary{border-color:var(--color-text-primary)}}.profile-header{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden}.profile-header:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary)/.6);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary)/.7);width:7rem;height:7rem;box-shadow:0 8px 24px var(--color-primary)/.2, 0 2px 8px var(--color-primary)/.15;border:3px solid var(--color-surface-elevated);border-radius:50%;position:relative;overflow:hidden}.profile-avatar:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000);border-radius:50%;position:absolute;inset:0}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=1024px){.stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}.stat-card-modern{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card-modern:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary)/.8);height:3px;transition:transform var(--transition-base);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card-modern:hover:before{transform:scaleX(1)}.stat-card-modern:hover{border-color:var(--color-primary)/.4;box-shadow:var(--shadow-xl);background:var(--color-surface-elevated);transform:translateY(-4px)}.stat-card-modern .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);line-height:var(--line-height-tight);margin-bottom:var(--space-2);transition:color var(--transition-base)}.stat-card-modern:hover .stat-value{color:var(--color-primary)}.stat-card-modern .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-icon-container{padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-base)}.stat-icon-container--primary{background:var(--color-primary)/.1}.stat-icon-container--success{background:var(--color-success)/.1}.stat-icon-container--warning{background:var(--color-warning)/.1}.actions-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.action-button{width:100%;padding:var(--space-5);text-align:left;border-radius:var(--radius-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-base);transition:all var(--transition-base);align-items:center;gap:var(--space-3);cursor:pointer;min-height:80px;display:flex;position:relative;overflow:hidden}.action-button:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary)/.1, transparent);width:100%;height:100%;transition:left var(--transition-slow);position:absolute;top:0;left:-100%}.action-button:hover:before{left:100%}.action-button:hover{border-color:var(--color-primary);background:var(--color-primary)/.08;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-icon{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-primary)/.15;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-button:hover .action-icon{background:var(--color-primary)/.25;box-shadow:0 4px 12px var(--color-primary)/.2;transform:scale(1.05)rotate(2deg)}.action-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);transition:color var(--transition-base)}.action-description{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-base)}.action-button:hover .action-title{color:var(--color-primary)}.action-button:hover .action-description{color:var(--color-text-secondary)}.progress-level-indicator{text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary)/.15, var(--color-primary)/.08);border:1px solid var(--color-primary)/.25;margin-bottom:var(--space-4);position:relative}.progress-level-indicator:before{content:"";background:radial-gradient(circle at center, var(--color-primary)/.1, transparent);border-radius:var(--radius-lg);position:absolute;inset:0}.progress-bar-track{background:var(--color-outline)/.2;border-radius:var(--radius-full);border:1px solid var(--color-border);width:100%;height:12px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary), var(--color-primary)/.8);height:100%;box-shadow:0 2px 4px var(--color-primary)/.3;transition:all 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite progress-shine;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes progress-shine{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(-100%)}}.card-enhanced{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);margin-bottom:var(--space-6);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.card-content{margin-top:var(--space-2);padding:0}.card-enhanced:before{content:"";background:linear-gradient(90deg, var(--color-primary)/.6, var(--color-primary)/.3);height:2px;transition:transform var(--transition-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-enhanced:hover:before{transform:scaleX(1)}.card-enhanced:hover{border-color:var(--color-primary)/.4;background:var(--color-surface-elevated);transform:translateY(-3px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014}.profile-cards-container{gap:var(--space-6);display:grid}@media (width>=1024px){.profile-cards-container{gap:var(--space-8);grid-template-columns:2fr 1fr}}.profile-main-content,.profile-sidebar{gap:var(--space-6);flex-direction:column;display:flex}.card-header-enhanced{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.card-icon{width:32px;height:32px;color:var(--color-primary);background:var(--color-primary)/.1;border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.field-group{transition:all var(--transition-base);margin-bottom:var(--space-4)}.field-group:hover .field-input{border-color:var(--color-primary)/.3}.field-input{padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);align-items:center;min-height:48px;display:flex}.field-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface);margin-bottom:var(--space-3);display:flex}.field-label-icon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-base)}.card-elevated{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{box-shadow:var(--shadow-base);transform:translateY(0)}.stat-card{text-align:center;padding:var(--space-8);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-card .stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-icon{width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-4)}.card-grid{gap:var(--space-6);display:grid}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1023px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card{padding:var(--space-4)}.stat-card{padding:var(--space-6)}.stat-card .stat-value{font-size:var(--font-size-3xl)}}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.filter-bar{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--space-1);flex-direction:column;min-width:140px;display:flex}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (width<=767px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group,.filter-group .form-select{width:100%}}.home-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);margin:0 0 var(--space-1) 0}.page-subtitle{font-size:var(--font-size-base);color:var(--color-outline);margin:0}.stats-strip,.action-cards-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.action-card-link{color:inherit;text-decoration:none}.action-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-card-icon-wrapper{border-radius:var(--radius-lg);background:var(--color-primary-container);width:56px;height:56px;margin-bottom:var(--space-4);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.action-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0 0 var(--space-1) 0}.action-card-description{font-size:var(--font-size-sm);color:var(--color-outline);line-height:var(--line-height-relaxed);margin:0}.recent-exams-section{margin-bottom:var(--space-6)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-background);margin:0}.section-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:opacity .2s}.section-link:hover{opacity:.8}.recent-exams-list{gap:var(--space-3);flex-direction:column;display:flex}.exam-card{transition:border-color .2s}.exam-card:hover{border-color:var(--color-primary)}.exam-card-main{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.exam-card-info{flex:1;min-width:0}.exam-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-on-surface);margin:0 0 var(--space-2) 0}.exam-card-meta{gap:var(--space-4);flex-wrap:wrap;display:flex}.exam-card-score{flex-shrink:0}@media (width<=768px){.home-page{padding:var(--space-4)}.stats-strip,.action-cards-grid{grid-template-columns:1fr}.exam-card-meta{gap:var(--space-1);flex-direction:column}}@media (width>=769px) and (width<=1024px){.stats-strip,.action-cards-grid{grid-template-columns:repeat(3,1fr)}}.ui-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);margin-bottom:var(--space-6);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.ui-card:before{content:"";background:linear-gradient(90deg, var(--color-primary)/.6, var(--color-primary)/.3);height:2px;transition:transform var(--transition-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ui-card:hover:before{transform:scaleX(1)}.ui-card:hover{border-color:var(--color-primary)/.4;transform:translateY(-3px);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014}.ui-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ui-card-icon{width:32px;height:32px;color:var(--color-primary);background:var(--color-primary)/.1;border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ui-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0}.ui-card-content{margin-top:var(--space-2);padding:0}.ui-stat-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);transition:all var(--transition-base);position:relative;overflow:hidden}.ui-stat-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary)/.8);height:3px;transition:transform var(--transition-base);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ui-stat-card:hover:before{transform:scaleX(1)}.ui-stat-card:hover{border-color:var(--color-primary)/.4;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ui-stat-icon-container{padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-base)}.ui-stat-icon-container--primary{background:var(--color-primary)/.1}.ui-stat-icon-container--success{background:var(--color-success)/.1}.ui-stat-icon-container--warning{background:var(--color-warning)/.1}.ui-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);line-height:var(--line-height-tight);margin-bottom:var(--space-2);transition:color var(--transition-base)}.ui-stat-card:hover .ui-stat-value{color:var(--color-primary)}.ui-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.ui-field-group{transition:all var(--transition-base);margin-bottom:var(--space-4)}.ui-field-group:hover .ui-field-input{border-color:var(--color-primary)/.3}.ui-field-input{padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);align-items:center;width:100%;min-height:48px;font-family:inherit;display:flex}.ui-field-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface);margin-bottom:var(--space-3);display:flex}.ui-field-label-icon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.ui-actions-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.ui-action-button{width:100%;padding:var(--space-5);text-align:left;border-radius:var(--radius-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-base);transition:all var(--transition-base);align-items:center;gap:var(--space-3);cursor:pointer;min-height:80px;display:flex;position:relative;overflow:hidden}.ui-action-button:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary)/.1, transparent);width:100%;height:100%;transition:left var(--transition-slow);position:absolute;top:0;left:-100%}.ui-action-button:hover:before{left:100%}.ui-action-button:hover{border-color:var(--color-primary);background:var(--color-primary)/.08;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ui-action-icon{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-primary)/.15;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ui-action-button:hover .ui-action-icon{background:var(--color-primary)/.25;box-shadow:0 4px 12px var(--color-primary)/.2;transform:scale(1.05)rotate(2deg)}.ui-action-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.ui-action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);transition:color var(--transition-base)}.ui-action-description{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-base)}.ui-action-button:hover .ui-action-title{color:var(--color-primary)}.ui-action-button:hover .ui-action-description{color:var(--color-text-secondary)}.exam-list-container{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);overflow:hidden}.exam-list-header{padding:var(--space-6);background:linear-gradient(135deg, var(--color-surface-elevated), var(--color-surface));border-bottom:1px solid var(--color-border)}.exam-list-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.exam-list-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.exam-filter-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);background:var(--color-primary)/.1;color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);border:1px solid var(--color-primary)/.2}.exam-table-header{gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:4fr 2fr 2fr 2fr 2fr;display:none}@media (width>=768px){.exam-table-header{display:grid}}.exam-item{padding:var(--space-6);border-bottom:1px solid var(--color-border);transition:all var(--transition-base);position:relative}.exam-item:hover{background:var(--color-surface);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-6) - 3px)}.exam-item:last-child{border-bottom:none}.exam-item-mobile{gap:var(--space-4);flex-direction:column;display:flex}.exam-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.exam-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--space-1)}.exam-item-date{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.exam-item-meta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.exam-meta-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.exam-item-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.exam-item-desktop{gap:var(--space-4);grid-template-columns:4fr 2fr 2fr 2fr 2fr;align-items:center;display:none}@media (width>=768px){.exam-item-mobile{display:none}.exam-item-desktop{display:grid}}.exam-desktop-title{gap:var(--space-1);flex-direction:column;display:flex}.exam-desktop-main-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.exam-desktop-subtitle,.exam-desktop-date,.exam-desktop-duration,.exam-desktop-score{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exam-desktop-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.score-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid;display:inline-flex}.score-badge--excellent{background:var(--color-success)/.1;color:var(--color-success);border-color:var(--color-success)/.3}.score-badge--good{background:var(--color-primary)/.1;color:var(--color-primary);border-color:var(--color-primary)/.3}.score-badge--regular{background:var(--color-warning)/.1;color:var(--color-warning);border-color:var(--color-warning)/.3}.score-badge--needs-improvement{background:var(--color-error)/.1;color:var(--color-error);border-color:var(--color-error)/.3}.exam-action-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);align-items:center;gap:var(--space-2);cursor:pointer;border:1px solid;text-decoration:none;display:flex}.exam-action-button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.exam-action-button--primary:hover{background:var(--color-primary-hover,var(--color-primary));box-shadow:0 4px 12px var(--color-primary)/.3;transform:translateY(-1px)}.exam-action-button--secondary{background:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border)}.exam-action-button--secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary)}.exam-list-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.exam-list-empty-icon{margin-bottom:var(--space-4);font-size:4rem}.exam-list-empty-message{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.exam-list-empty-submessage{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exam-list-footer{padding:var(--space-6);text-align:center;background:var(--color-surface)/50;border-top:1px solid var(--color-border)}.exam-load-more-button{padding:var(--space-3) var(--space-6);color:var(--color-primary);border:1px solid var(--color-primary)/.3;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-2);background:0 0;display:inline-flex}.exam-load-more-button:hover{background:var(--color-primary)/.1;border-color:var(--color-primary);transform:translateY(-1px)}.exam-load-more-arrow{transition:transform var(--transition-base)}.exam-load-more-button:hover .exam-load-more-arrow{transform:translate(2px)}.subject-indicator{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.subject-indicator--complete{background:var(--color-primary)/.1;color:var(--color-primary)}.subject-indicator--math{background:var(--color-success)/.1;color:var(--color-success)}.subject-indicator--verbal{background:var(--color-warning)/.1;color:var(--color-warning)}.subject-indicator--science{background:var(--color-info,var(--color-primary))/.1;color:var(--color-info,var(--color-primary))}.exam-config-container{background:var(--color-background);min-height:100vh}.exam-config-content{max-width:1024px;padding:var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.exam-config-header{text-align:center;margin-bottom:var(--space-2)}.exam-config-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);margin-bottom:var(--space-3)}.exam-config-description{font-size:var(--font-size-lg);color:var(--color-outline);max-width:48rem;line-height:var(--line-height-relaxed);margin:0 auto}.exam-config-summary{justify-content:center;gap:var(--space-6);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.exam-summary-stat{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);text-align:center;min-width:140px;transition:all var(--transition-base);position:relative;overflow:hidden}.exam-summary-stat:before{content:"";background:var(--color-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.exam-summary-stat:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)/.3;transform:translateY(-2px)}.exam-summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.exam-summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.exam-type-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.exam-type-grid{grid-template-columns:repeat(2,1fr)}}.exam-type-option{padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);align-items:center;display:flex;position:relative;overflow:hidden}.exam-type-option:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary)/.05, transparent);width:100%;height:100%;transition:left var(--transition-slow);position:absolute;top:0;left:-100%}.exam-type-option:hover:before{left:100%}.exam-type-option:hover{border-color:var(--color-primary)/.5;transform:translateY(-1px)}.exam-type-option--selected{border-color:var(--color-primary);background:var(--color-primary)/.05}.exam-type-radio{border:2px solid var(--color-outline);width:20px;height:20px;margin-right:var(--space-3);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exam-type-radio--selected{border-color:var(--color-primary);background:var(--color-primary)}.exam-type-radio-dot{background:#fff;border-radius:50%;width:8px;height:8px}.exam-type-content{flex:1}.exam-type-title{font-weight:var(--font-weight-medium);color:var(--color-on-background);margin-bottom:var(--space-1)}.exam-type-subtitle{font-size:var(--font-size-sm);color:var(--color-outline)}.subjects-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.subjects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.subjects-grid{grid-template-columns:repeat(3,1fr)}}.subject-option{padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);align-items:center;display:flex}.subject-option:hover{border-color:var(--color-primary)/.5;background:var(--color-surface-elevated)}.subject-option--selected{border-color:var(--color-primary);background:var(--color-primary)/.05}.subject-checkbox{border-radius:var(--radius-md);border:2px solid var(--color-outline);width:20px;height:20px;margin-right:var(--space-3);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.subject-checkbox--selected{border-color:var(--color-primary);background:var(--color-primary)}.subject-checkbox-icon{color:#fff;width:12px;height:12px}.subject-content{flex:1;min-width:0}.subject-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-background);margin-bottom:2px}.subject-questions{font-size:var(--font-size-xs);color:var(--color-outline)}.config-form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.config-form-grid{grid-template-columns:repeat(2,1fr)}}.config-form-group{gap:var(--space-2);flex-direction:column;display:flex}.config-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.config-form-select{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-on-surface);transition:all var(--transition-base);cursor:pointer}.config-form-select:hover{border-color:var(--color-primary)/.5}.config-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary)/.1;outline:none}.config-options-list{gap:var(--space-3);flex-direction:column;display:flex}.config-option{align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex}.config-option:hover{background:var(--color-surface-elevated)}.config-option-checkbox{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:18px;height:18px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.config-option-checkbox--checked{background:var(--color-primary);border-color:var(--color-primary)}.config-option-checkbox-icon{color:#fff;width:10px;height:10px}.config-option-text{color:var(--color-on-surface);font-size:var(--font-size-sm)}.config-actions{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}@media (width>=640px){.config-actions{flex-direction:row}}.config-action-button{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);flex:1;min-height:52px;display:flex}.config-action-button--primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.config-action-button--primary:hover{background:var(--color-primary-hover,var(--color-primary));box-shadow:0 8px 24px var(--color-primary)/.3;transform:translateY(-2px)}.config-action-button--secondary{background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-border)}.config-action-button--secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.config-card-subtitle{font-size:var(--font-size-sm);color:var(--color-outline);font-weight:var(--font-weight-medium);margin-left:auto}.auth-layout-container{background:var(--color-background);min-height:100vh;position:relative}.auth-layout-mobile{min-height:100vh;padding:var(--space-4);flex-direction:column;display:flex}.auth-header-mobile{text-align:center;padding:var(--space-8) 0 var(--space-6);background:linear-gradient(135deg, var(--color-primary), var(--color-primary)/.8);color:#fff;border-radius:var(--radius-2xl);margin:var(--space-4) 0 var(--space-6)}.auth-form-mobile{flex:1;justify-content:center;align-items:center;display:flex}.form-container-mobile{background:var(--color-surface-elevated);border-radius:var(--radius-2xl);width:100%;max-width:400px;padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.auth-layout-desktop{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-hero-section{background:linear-gradient(135deg, var(--color-primary), var(--color-primary)/.8);color:#fff;padding:var(--space-16);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-hero-section:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff1a,#0000);position:absolute;inset:0}.auth-hero-content{z-index:1;max-width:500px;position:relative}.auth-form-section{padding:var(--space-8);background:var(--color-background);justify-content:center;align-items:center;display:flex}.form-container-desktop{background:var(--color-surface-elevated);border-radius:var(--radius-2xl);width:100%;max-width:450px;padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.auth-form-group{margin-bottom:var(--space-5)}.auth-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface);margin-bottom:var(--space-2);display:block}.auth-form-input{width:100%;padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-on-surface);transition:all var(--transition-base);outline:none}.auth-form-input::placeholder{color:var(--color-text-muted)}.auth-form-input:hover{border-color:var(--color-primary)/.4}.auth-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary)/.1;background:var(--color-surface-elevated)}.auth-form-input--error{border-color:var(--color-error);background:var(--color-error)/.05}.auth-form-input--error:focus{box-shadow:0 0 0 3px var(--color-error)/.1}.auth-form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.auth-form-error:before{content:"⚠";font-size:var(--font-size-xs)}.auth-button{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:2px solid #0000;outline:none;min-height:52px;display:flex;position:relative;overflow:hidden}.auth-button:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.auth-button:hover:before{left:100%}.auth-button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auth-button--primary:hover{background:var(--color-primary-hover,var(--color-primary));box-shadow:0 8px 24px var(--color-primary)/.3;transform:translateY(-2px)}.auth-button--primary:active{box-shadow:0 4px 12px var(--color-primary)/.3;transform:translateY(0)}.auth-button--primary:focus{box-shadow:0 0 0 3px var(--color-primary)/.3}.auth-button--secondary{background:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border)}.auth-button--secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.auth-button--loading{pointer-events:none;opacity:.7}.auth-button--loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute}.auth-checkbox{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:18px;height:18px;transition:all var(--transition-base);appearance:none;outline:none;position:relative}.auth-checkbox:hover{border-color:var(--color-primary)/.5}.auth-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.auth-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-checkbox:focus{box-shadow:0 0 0 3px var(--color-primary)/.1}.auth-link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-base);text-decoration:none;display:inline-block}.auth-link:hover{color:var(--color-primary-hover,var(--color-primary));text-decoration:underline}.auth-features-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-feature-item{align-items:center;gap:var(--space-3);font-size:var(--font-size-base);display:flex}.auth-feature-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-divider{margin:var(--space-6) 0;padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.auth-hide-mobile{display:block}.auth-hide-desktop{display:none}@media (width<=767px){.auth-hide-mobile{display:none}.auth-hide-desktop{display:block}.auth-layout-desktop{display:none}}@media (width>=768px){.auth-layout-mobile{display:none}.auth-layout-desktop{display:grid}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);margin-bottom:var(--space-2);text-align:center}.auth-page-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6)}.auth-hero-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.auth-hero-description{font-size:var(--font-size-xl);opacity:.9;margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.auth-options{margin:var(--space-4) 0;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.auth-remember-option{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.auth-forgot-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.page-container{background:var(--color-background);min-height:100vh;padding:var(--space-4) var(--space-6) var(--space-8)}.page-content{gap:var(--space-6);flex-direction:column;max-width:1280px;margin:0 auto;display:flex}.section-header{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.section-header:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary)/.7);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-background);margin-bottom:var(--space-2)}.section-description{color:var(--color-outline);margin-bottom:var(--space-4)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=1024px){.stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}.cards-grid{gap:var(--space-6);display:grid}@media (width>=1024px){.cards-grid{gap:var(--space-8);grid-template-columns:2fr 1fr}}.cards-main-content,.cards-sidebar{gap:var(--space-6);flex-direction:column;display:flex}.action-button-primary{padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;display:flex}.action-button-primary:hover{background:var(--color-primary-hover,var(--color-primary));box-shadow:0 4px 12px var(--color-primary)/.3;transform:translateY(-2px)}.action-button-secondary{padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);display:flex}.action-button-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);transform:translateY(-1px)}.mobile-only{display:block}.desktop-only{display:none}@media (width>=768px){.mobile-only{display:none}.desktop-only{display:block}}.app-layout{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:50;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0}.app-content{width:100%;max-width:1400px;padding:var(--space-6);flex:1;margin:0 auto}.nav-logo{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.nav-brand{align-items:center;text-decoration:none;display:flex}.nav-brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg, var(--color-primary), var(--primary-700));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:var(--space-1);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-user{padding:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.nav-user-info{flex:1;min-width:0}.nav-user-email{font-size:var(--font-size-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-logout{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-logout:hover{background:var(--error-50);color:var(--color-error)}.nav-mobile{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.nav-mobile-left,.nav-mobile-right{align-items:center;display:flex}.nav-hamburger{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-hamburger:hover{background:var(--color-surface)}.mobile-menu-overlay{z-index:100;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--color-surface-elevated);width:280px;max-width:80vw;height:100%;box-shadow:var(--shadow-xl);flex-direction:column;animation:.2s ease-out slideIn;display:flex;position:absolute;top:0;right:0}.mobile-menu-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-menu-header button{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-nav-links{gap:var(--space-1);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.mobile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.mobile-nav-footer{padding:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.mobile-user-info{padding:var(--space-2) 0}@media (width<=767px){.app-content{padding:var(--space-4);padding-bottom:calc(var(--space-20) + var(--space-6))}}@media (width>=1024px){.app-layout{flex-direction:row}.app-header{border-bottom:none;border-right:1px solid var(--color-border);z-index:40;flex-direction:column;width:280px;height:100vh;position:fixed;top:0;left:0}.app-content{padding:var(--space-8);padding-top:var(--space-6);margin-left:280px}}@media (width>=1440px){.app-content{padding:var(--space-12);max-width:1600px}}.container{width:100%;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=640px){.container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=768px){.container{max-width:768px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--primary-700));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-balance{text-wrap:balance}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-up{animation:.3s ease-out slideUp}.animate-slide-down{animation:.3s ease-out slideDown}.animate-scale-in{animation:.2s ease-out scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.interactive{transition:all var(--transition-fast);cursor:pointer}.interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass{background:#0003;border:1px solid #ffffff1a}.status-online{background-color:var(--color-success)}.status-offline{background-color:var(--color-error)}.status-away{background-color:var(--color-warning)}.hide-mobile{display:block}.hide-desktop{display:none}@media (width<=767px){.hide-mobile{display:none}.hide-desktop{display:block}}@media print{.no-print{display:none!important}.print-only{display:block!important}*{color:#000!important;box-shadow:none!important;background:#fff!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}