:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#4facfe;--color-primary-600:#2196f3;--color-primary-700:#1e88e5;--color-primary-800:#1976d2;--color-primary-900:#1565c0;--color-secondary-500:#00f2fe;--color-secondary-600:#00d9e0;--color-secondary-700:#00b8d4;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#50ff78;--color-success-600:#00e676;--color-success-700:#00c853;--color-success-900:#14532d;--color-warning-50:#fefce8;--color-warning-100:#fef9c3;--color-warning-500:#ffc107;--color-warning-600:#ff9800;--color-warning-700:#f57c00;--color-warning-900:#78350f;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-400:#ff9999;--color-danger-500:#ff5050;--color-danger-600:#ef4444;--color-danger-700:#dc2626;--color-danger-900:#7f1d1d;--color-info-500:#06b6d4;--color-info-600:#0891b2;--color-purple-500:#a855f7;--color-purple-600:#9c27b0;--color-pink-500:#ec4899;--color-pink-600:#e91e63;--color-slate-300:#90a4ae;--color-slate-500:#607d8b;--color-gradient-orange:#ee7752;--color-gradient-rose:#e73c7e;--color-gradient-sky:#23a6d5;--color-gradient-teal:#23d5ab;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000000;--bg-space-darkest:#050518;--bg-space-dark:#0a0a2e;--bg-space-mid:#1a1a4e;--bg-space-light:#2a2a6e;--bg-gradient-galaxy:linear-gradient(135deg,#0a0a2e 0%,#1a1a4e 50%,#0a0a2e 100%);--bg-gradient-primary:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);--bg-gradient-success:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));--bg-gradient-warning:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));--bg-gradient-danger:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));--bg-primary:var(--bg-space-dark);--bg-secondary:rgba(255,255,255,0.05);--bg-tertiary:rgba(255,255,255,0.08);--bg-hover:rgba(255,255,255,0.1);--bg-active:rgba(79,172,254,0.15);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.85);--text-muted:rgba(255,255,255,0.6);--text-disabled:rgba(255,255,255,0.4);--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-color:rgba(255,255,255,0.1);--border-color-strong:rgba(255,255,255,0.2);--border-color-primary:rgba(79,172,254,0.3);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-primary:'Vazirmatn','IRANSans','Tahoma',-apple-system,BlinkMacSystemFont,sans-serif;--font-emoji:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji','Twemoji Mozilla',sans-serif;--font-mono:'Vazirmatn','Courier New','Consolas',monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:30px;--text-5xl:36px;--text-6xl:48px;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:15px;--radius-xl:20px;--radius-2xl:25px;--radius-3xl:30px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 2px 4px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-primary:0 10px 25px rgba(79,172,254,0.3);--shadow-primary-lg:0 20px 40px rgba(79,172,254,0.4);--shadow-success:0 10px 25px rgba(80,255,120,0.3);--shadow-warning:0 10px 25px rgba(255,193,7,0.3);--shadow-danger:0 10px 25px rgba(255,80,80,0.3);--glow-primary:0 0 20px rgba(79,172,254,0.5);--glow-success:0 0 20px rgba(80,255,120,0.5);--glow-warning:0 0 20px rgba(255,193,7,0.5);--glow-danger:0 0 20px rgba(255,80,80,0.5);--transition-none:none;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-slower:700ms cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-behind:-1;--z-base:0;--z-raised:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-bg:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-loader:1090;--z-max:9999;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--sidebar-width:260px;--sidebar-width-collapsed:80px;--header-height:70px;--content-max-width:1400px;--screen-xs:480px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px)}[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:rgba(0,0,0,0.05);--bg-active:rgba(79,172,254,0.1);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-disabled:#9ca3af;--border-color:rgba(0,0,0,0.1);--border-color-strong:rgba(0,0,0,0.15);--bg-gradient-galaxy:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0f9ff 100%)}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg-gradient-galaxy);color:var(--text-primary);direction:rtl;text-align:right;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}p{line-height:var(--leading-relaxed)}img,picture,video,canvas,svg,iframe{display:block;max-width:100%;height:auto;vertical-align:middle}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit}button{background:none;border:none;cursor:pointer;padding:0;text-align:inherit;color:inherit}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:0.6}input:focus,textarea:focus,select:focus,button:focus{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset;transition:background-color 5000s ease-in-out 0s}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::selection{background-color:var(--color-primary-500);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary-500);color:var(--color-white)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:rgba(79,172,254,0.3);border-radius:var(--radius-md);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:rgba(79,172,254,0.5)}*{scrollbar-width:thin;scrollbar-color:rgba(79,172,254,0.3) rgba(255,255,255,0.02)}details{cursor:pointer}summary{cursor:pointer;user-select:none;list-style:none}summary::-webkit-details-marker{display:none}hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-6) 0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}@media print{*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;color-adjust:exact !important}a[href]::after{content:" (" attr(href) ")"}.no-print{display:none !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&family=Noto+Color+Emoji&display=swap');body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);font-weight:var(--font-normal)}h1,.h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h2,.h2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-3)}h3,.h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-3)}h4,.h4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-2)}h5,.h5{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-2)}h6,.h6{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-2)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}p:last-child{margin-bottom:0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.text-justify{text-align:justify}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-blue{color:var(--color-primary-500)}.text-cyan{color:var(--color-secondary-500)}.text-green{color:var(--color-success-500)}.text-yellow{color:var(--color-warning-500)}.text-red{color:var(--color-danger-500)}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-gradient{background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-gradient-success{background:var(--bg-gradient-success);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-warning{background:var(--bg-gradient-warning);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-animated{background:linear-gradient( 135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 50%,var(--color-primary-500) 100% );background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shine 3s linear infinite}@keyframes text-shine{to{background-position:200% center}}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,0.3)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,0.4)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,0.5)}.text-shadow-glow{text-shadow:0 0 20px rgba(79,172,254,0.5)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:0.9em}code{background:rgba(79,172,254,0.15);color:var(--color-primary-400);padding:2px 6px;border-radius:var(--radius-xs)}pre{background:rgba(0,0,0,0.3);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;direction:ltr;text-align:left}pre code{background:transparent;padding:0;color:var(--text-primary)}blockquote{padding:var(--space-4);padding-right:var(--space-6);border-right:4px solid var(--color-primary-500);background:rgba(79,172,254,0.05);border-radius:var(--radius-md);margin:var(--space-4) 0;font-style:italic;color:var(--text-secondary)}@media (max-width:768px){body{font-size:13px}h1,.h1{font-size:var(--text-3xl)}h2,.h2{font-size:var(--text-2xl)}h3,.h3{font-size:var(--text-xl)}h4,.h4{font-size:var(--text-lg)}}@media (max-width:480px){body{font-size:13px}h1,.h1{font-size:var(--text-2xl)}h2,.h2{font-size:var(--text-xl)}h3,.h3{font-size:var(--text-lg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.9)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes pulseScale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px rgba(79,172,254,0.5),0 0 10px rgba(79,172,254,0.3)}50%{box-shadow:0 0 20px rgba(79,172,254,0.8),0 0 30px rgba(79,172,254,0.5)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes shakeRotate{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,0.2,1)}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes shine{to{background-position:200% center}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes shimmerBar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes bellRing{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(15deg)}20%,40%{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes progressStripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes rotateGradient{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes wave{0%,60%,100%{transform:initial}30%{transform:translateY(-15px)}}@keyframes twinkle{0%,100%{opacity:0.5}50%{opacity:1}}.animate-none{animation:none}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease}.animate-fade-in-left{animation:fadeInLeft var(--transition-base) ease}.animate-fade-in-right{animation:fadeInRight var(--transition-base) ease}.animate-scale-in{animation:scaleIn var(--transition-base) ease}.animate-slide-up{animation:slideInUp var(--transition-base) ease}.animate-slide-down{animation:slideInDown var(--transition-base) ease}.animate-bounce-in{animation:bounceIn 0.6s ease}.animate-shake{animation:shake 0.5s ease}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}.animate-pulse-scale{animation:pulseScale 2s ease infinite}.animate-pulse-glow{animation:pulseGlow 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-bell-ring{animation:bellRing 3s ease infinite}.animate-twinkle{animation:twinkle 3s ease infinite}.animation-fast{animation-duration:150ms}.animation-base{animation-duration:300ms}.animation-slow{animation-duration:500ms}.animation-slower{animation-duration:700ms}.animation-delay-100{animation-delay:100ms}.animation-delay-200{animation-delay:200ms}.animation-delay-300{animation-delay:300ms}.animation-delay-500{animation-delay:500ms}.animation-delay-700{animation-delay:700ms}.animation-delay-1000{animation-delay:1000ms}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-primary)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.skeleton{background:linear-gradient( 90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.05) 75% );background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;width:100%;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-image{width:100%;height:200px}.ripple{position:relative;overflow:hidden}.ripple::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:var(--radius-full);transform:translate(-50%,-50%) scale(1);transition:transform 0.5s,opacity 1s}.ripple:active::after{animation:ripple 0.5s ease-out}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}@media (prefers-reduced-motion:reduce){.animate-none,[class*="animate-"]{animation:none !important}.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{transform:none !important}}.glass{background:rgba(255,255,255,0.05);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid rgba(255,255,255,0.1)}.glass-strong{background:rgba(255,255,255,0.1);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid rgba(255,255,255,0.2)}.neumorphic{background:var(--bg-primary);box-shadow:8px 8px 16px rgba(0,0,0,0.4),-8px -8px 16px rgba(255,255,255,0.05);border-radius:var(--radius-lg)}.neumorphic-inset{background:var(--bg-primary);box-shadow:inset 4px 4px 8px rgba(0,0,0,0.4),inset -4px -4px 8px rgba(255,255,255,0.05)}.neon-blue{box-shadow:0 0 10px rgba(79,172,254,0.5),0 0 20px rgba(79,172,254,0.3),0 0 40px rgba(79,172,254,0.1)}.neon-green{box-shadow:0 0 10px rgba(80,255,120,0.5),0 0 20px rgba(80,255,120,0.3),0 0 40px rgba(80,255,120,0.1)}.neon-purple{box-shadow:0 0 10px rgba(168,85,247,0.5),0 0 20px rgba(168,85,247,0.3),0 0 40px rgba(168,85,247,0.1)}.neon-pink{box-shadow:0 0 10px rgba(236,72,153,0.5),0 0 20px rgba(236,72,153,0.3),0 0 40px rgba(236,72,153,0.1)}.neon-text-blue{text-shadow:0 0 10px rgba(79,172,254,0.8),0 0 20px rgba(79,172,254,0.5),0 0 30px rgba(79,172,254,0.3)}.neon-text-green{text-shadow:0 0 10px rgba(80,255,120,0.8),0 0 20px rgba(80,255,120,0.5)}.card-3d{transform-style:preserve-3d;transition:transform 0.5s}.card-3d:hover{transform:perspective(800px) rotateY(-5deg) rotateX(5deg) translateZ(10px)}.tilt{transition:transform 0.3s}.tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg)}.morph{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;animation:morph 8s ease-in-out infinite}@keyframes morph{0%,100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25% / 76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67% / 55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42% / 63% 68% 32% 37%}}.gradient-border{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);z-index:1}.gradient-border::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--bg-gradient-primary);border-radius:calc(var(--radius-lg) + 2px);z-index:-1}.animated-gradient{background:linear-gradient(-45deg,var(--color-gradient-orange),var(--color-gradient-rose),var(--color-gradient-sky),var(--color-gradient-teal));background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.particles{position:relative;overflow:hidden}.particles::before,.particles::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-primary-500);opacity:0.6;animation:particleFloat 10s infinite}.particles::before{top:20%;left:10%;animation-delay:0s}.particles::after{top:60%;right:15%;animation-delay:-5s;background:var(--color-secondary-500)}@keyframes particleFloat{0%,100%{transform:translateY(0) translateX(0);opacity:0.6}25%{transform:translateY(-30px) translateX(20px);opacity:1}50%{transform:translateY(-10px) translateX(-10px);opacity:0.4}75%{transform:translateY(-40px) translateX(30px);opacity:0.8}}.typing{border-left:3px solid var(--color-primary-500);white-space:nowrap;overflow:hidden;animation:typing 3.5s steps(40,end),blinkCaret 0.75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blinkCaret{from,to{border-color:transparent}50%{border-color:var(--color-primary-500)}}.parallax-container{perspective:1px;height:100%;overflow-x:hidden;overflow-y:auto}.parallax-bg{position:absolute;top:0;left:0;right:0;bottom:0;transform:translateZ(-1px) scale(2);z-index:-1}.count-up{animation:countUp 1s ease-out}@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger > *:nth-child(1){animation-delay:0.1s}.stagger > *:nth-child(2){animation-delay:0.2s}.stagger > *:nth-child(3){animation-delay:0.3s}.stagger > *:nth-child(4){animation-delay:0.4s}.stagger > *:nth-child(5){animation-delay:0.5s}.stagger > *:nth-child(6){animation-delay:0.6s}.stagger > *:nth-child(7){animation-delay:0.7s}.stagger > *:nth-child(8){animation-delay:0.8s}.stagger > *{opacity:0;animation:fadeInUp 0.5s ease forwards}.reveal{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.magnetic{transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}@media (prefers-reduced-motion:reduce){.morph,.animated-gradient,.typing,.particles::before,.particles::after,.stagger > *,.count-up{animation:none !important}.card-3d:hover,.tilt:hover{transform:none !important}.reveal{opacity:1;transform:none}}#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}#nkbgScene{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;overflow:hidden}.nkbg-gradient{position:absolute;inset:0;opacity:.55;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(108,99,255,0.25) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(255,107,107,0.15) 0%,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(10,10,26,1) 40%,rgba(20,10,40,1) 100%)}[data-theme="light"] .nkbg-gradient{opacity:.1;mix-blend-mode:multiply}[data-theme="light"] .nkbg-orb{opacity:.5}[data-theme="light"] .nkbg-particle{background:rgba(79,172,254,0.5)}[data-theme="light"] .nkbg-lg-h,[data-theme="light"] .nkbg-lg-v{opacity:.5}.nkbg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:nkbgFloat 18s ease-in-out infinite}.nkbg-orb-1{width:500px;height:500px;background:rgba(108,99,255,0.2);top:-100px;right:-100px;animation-delay:0s}.nkbg-orb-2{width:400px;height:400px;background:rgba(255,107,107,0.12);bottom:100px;left:-100px;animation-delay:3s}.nkbg-orb-3{width:300px;height:300px;background:rgba(107,203,119,0.1);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:6s}.nkbg-orb-4{width:250px;height:250px;background:rgba(255,215,0,0.08);top:30%;right:10%;animation-delay:2s}.nkbg-orb-5{width:350px;height:350px;background:rgba(0,200,255,0.07);bottom:20%;right:30%;animation-delay:4s}@keyframes nkbgFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.nkbg-particles{position:absolute;inset:0;pointer-events:none}.nkbg-particle{position:absolute;width:3px;height:3px;background:rgba(108,99,255,0.7);border-radius:50%;animation:nkbgParticleFloat linear infinite}@keyframes nkbgParticleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:0.5}100%{transform:translateY(-10vh) scale(1);opacity:0}}#nkbgStarCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}[data-theme="light"] #nkbgStarCanvas{opacity:.25}.nkbg-laser-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:800px}.nkbg-lg-h,.nkbg-lg-v{position:absolute;background:linear-gradient(90deg,transparent,rgba(108,99,255,.15),transparent)}.nkbg-lg-h{left:0;right:0;height:1px;animation:nkbgLgH 6s linear infinite}.nkbg-lg-h:nth-child(1){top:20%;animation-delay:0s}.nkbg-lg-h:nth-child(2){top:45%;animation-delay:2s}.nkbg-lg-h:nth-child(3){top:70%;animation-delay:4s}.nkbg-lg-h:nth-child(4){top:85%;animation-delay:1s}.nkbg-lg-h:nth-child(5){top:10%;animation-delay:3s}.nkbg-lg-h:nth-child(6){top:60%;animation-delay:5s}.nkbg-lg-v{top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(108,99,255,.15),transparent);animation:nkbgLgV 8s linear infinite}.nkbg-lg-v:nth-child(7){left:15%;animation-delay:0s}.nkbg-lg-v:nth-child(8){left:35%;animation-delay:2.5s}.nkbg-lg-v:nth-child(9){left:55%;animation-delay:5s}.nkbg-lg-v:nth-child(10){left:75%;animation-delay:1s}.nkbg-lg-v:nth-child(11){left:90%;animation-delay:3.5s}.nkbg-lg-v:nth-child(12){left:5%;animation-delay:6s}@keyframes nkbgLgH{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}70%{opacity:1}100%{opacity:0;transform:scaleX(1)}}@keyframes nkbgLgV{0%{opacity:0;transform:scaleY(0)}30%{opacity:1}70%{opacity:1}100%{opacity:0;transform:scaleY(1)}}.nkbg-warp-tunnel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;pointer-events:none}.nkbg-warp-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(108,99,255,.25);animation:nkbgWarpPulse linear infinite;transform:translate(-50%,-50%) scale(0)}@keyframes nkbgWarpPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}.nkbg-dna-container{position:absolute;right:5%;top:10%;width:60px;height:80vh;pointer-events:none;opacity:.35}.nkbg-dna-node{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#9B95FF,#6C63FF);box-shadow:0 0 10px #6C63FF}.nkbg-dna-node-b{background:radial-gradient(circle,#FF6B9B,#FF6B6B);box-shadow:0 0 10px #FF6B6B}.nkbg-dna-bar{position:absolute;height:1px;background:linear-gradient(90deg,rgba(108,99,255,.6),rgba(255,107,107,.6));transform-origin:right center}@keyframes nkbgDnaPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}.nkbg-hypersphere-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;perspective:1200px}.nkbg-hypersphere{position:relative;width:600px;height:600px;transform-style:preserve-3d;animation:nkbgHyperSpin 80s linear infinite}@keyframes nkbgHyperSpin{0%{transform:rotateX(10deg) rotateY(0deg) rotateZ(0deg)}33%{transform:rotateX(30deg) rotateY(120deg) rotateZ(15deg)}66%{transform:rotateX(-10deg) rotateY(240deg) rotateZ(-10deg)}100%{transform:rotateX(10deg) rotateY(360deg) rotateZ(0deg)}}.nkbg-hs-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform-style:preserve-3d}.nkbg-hs-r1{width:160px;height:160px;margin:-80px 0 0 -80px;border:1.5px solid rgba(108,99,255,.7);animation:nkbgHsR1 9s linear infinite}.nkbg-hs-r2{width:230px;height:230px;margin:-115px 0 0 -115px;border:1.5px solid rgba(155,149,255,.5);animation:nkbgHsR2 14s linear infinite}.nkbg-hs-r3{width:300px;height:300px;margin:-150px 0 0 -150px;border:1.5px solid rgba(255,107,107,.4);animation:nkbgHsR3 18s linear infinite}.nkbg-hs-r4{width:370px;height:370px;margin:-185px 0 0 -185px;border:1.5px solid rgba(255,215,0,.35);animation:nkbgHsR4 22s linear infinite reverse}.nkbg-hs-r5{width:440px;height:440px;margin:-220px 0 0 -220px;border:1.5px solid rgba(107,203,119,.3);animation:nkbgHsR5 28s linear infinite}.nkbg-hs-r6{width:510px;height:510px;margin:-255px 0 0 -255px;border:1px solid rgba(0,200,255,.25);animation:nkbgHsR6 34s linear infinite reverse}.nkbg-hs-r7{width:580px;height:580px;margin:-290px 0 0 -290px;border:1px solid rgba(255,100,200,.2);animation:nkbgHsR7 42s linear infinite}@keyframes nkbgHsR1{from{transform:rotateX(0deg)}to{transform:rotateX(360deg)}}@keyframes nkbgHsR2{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes nkbgHsR3{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}@keyframes nkbgHsR4{from{transform:rotateX(60deg) rotateY(0deg)}to{transform:rotateX(60deg) rotateY(360deg)}}@keyframes nkbgHsR5{from{transform:rotateX(0deg) rotateZ(30deg)}to{transform:rotateX(360deg) rotateZ(30deg)}}@keyframes nkbgHsR6{from{transform:rotateY(45deg) rotateZ(0deg)}to{transform:rotateY(45deg) rotateZ(360deg)}}@keyframes nkbgHsR7{from{transform:rotateX(20deg) rotateY(20deg) rotateZ(0deg)}to{transform:rotateX(20deg) rotateY(20deg) rotateZ(360deg)}}.nkbg-hs-dot{position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:#9B95FF;box-shadow:0 0 20px #6C63FF,0 0 40px #6C63FF}.nkbg-hs-dot2{top:auto;bottom:-7px}.nkbg-hs-r1 .nkbg-hs-dot{background:#9B95FF;box-shadow:0 0 20px #6C63FF,0 0 40px #6C63FF}.nkbg-hs-r2 .nkbg-hs-dot{background:#FF9B9B;box-shadow:0 0 20px #FF6B6B,0 0 40px #FF6B6B}.nkbg-hs-r3 .nkbg-hs-dot{background:#FFE066;box-shadow:0 0 20px gold,0 0 40px gold}.nkbg-hs-r4 .nkbg-hs-dot{background:#6BFFA8;box-shadow:0 0 20px #6BCB77,0 0 40px #6BCB77}.nkbg-hs-r5 .nkbg-hs-dot{background:#66D9FF;box-shadow:0 0 20px #00C8FF,0 0 40px #00C8FF}.nkbg-hs-r6 .nkbg-hs-dot{background:#FF99DD;box-shadow:0 0 20px #FF64C8,0 0 40px #FF64C8}.nkbg-hs-r7 .nkbg-hs-dot{background:#FFAA66;box-shadow:0 0 20px #FF8800,0 0 40px #FF8800}.nkbg-hs-core{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%)}.nkbg-hs-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(180,170,255,.9),rgba(80,60,200,.5));border:2px solid rgba(108,99,255,.8);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(108,99,255,.8),inset 0 0 30px rgba(0,0,0,.4);position:relative;overflow:hidden}.nkbg-hs-pulse{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(108,99,255,.3),transparent 70%);animation:nkbgHsPulse 2s ease-in-out infinite}@keyframes nkbgHsPulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.nkbg-hs-letter{font-size:42px;font-weight:900;color:white;z-index:1;text-shadow:0 0 20px rgba(108,99,255,1)}.nkbg-hs-face{position:absolute;top:50%;left:50%;width:80px;height:80px;background:rgba(108,99,255,.06);border:1px solid rgba(108,99,255,.2);transform-style:preserve-3d}.nkbg-f1{transform:translate(-50%,-50%) rotateY(0deg) translateZ(200px)}.nkbg-f2{transform:translate(-50%,-50%) rotateY(60deg) translateZ(200px)}.nkbg-f3{transform:translate(-50%,-50%) rotateY(120deg) translateZ(200px)}.nkbg-f4{transform:translate(-50%,-50%) rotateY(180deg) translateZ(200px)}.nkbg-f5{transform:translate(-50%,-50%) rotateX(90deg) translateZ(200px)}.nkbg-f6{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(200px)}@media (max-width:900px){.nkbg-hypersphere-wrap{opacity:.3}.nkbg-dna-container{display:none}}.container{width:100%;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.container-fluid{width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-auto-md{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-xl{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-x-0{column-gap:0}.gap-x-2{column-gap:var(--space-2)}.gap-x-4{column-gap:var(--space-4)}.gap-x-6{column-gap:var(--space-6)}.gap-y-0{row-gap:0}.gap-y-2{row-gap:var(--space-2)}.gap-y-4{row-gap:var(--space-4)}.gap-y-6{row-gap:var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.dashboard{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-5);min-height:calc(100vh - var(--header-height))}.dashboard-sidebar{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-color);position:sticky;top:calc(var(--header-height) + var(--space-4));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--space-8));overflow-y:auto}.dashboard-main{min-width:0;max-width:100%}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.two-column-narrow{grid-template-columns:2fr 1fr}.two-column-wide{grid-template-columns:1fr 2fr}.three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-5)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width:1280px){.lg\:grid-cols-1{grid-template-columns:1fr}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.lg\:col-span-full{grid-column:1 / -1}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media (max-width:1024px){.md\:grid-cols-1{grid-template-columns:1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-full{grid-column:1 / -1}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.dashboard{grid-template-columns:1fr}.dashboard-sidebar{position:static;max-height:none}.two-column,.two-column-narrow,.two-column-wide,.three-column{grid-template-columns:1fr}}@media (max-width:768px){.sm\:grid-cols-1{grid-template-columns:1fr}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:col-span-full{grid-column:1 / -1}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.grid-auto-lg,.grid-auto-xl{grid-template-columns:1fr}.split{grid-template-columns:1fr}}@media (max-width:480px){.xs\:grid-cols-1{grid-template-columns:1fr}.xs\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xs\:hidden{display:none}.xs\:block{display:block}.xs\:flex-col{flex-direction:column}.grid-auto,.grid-auto-md,.grid-auto-lg,.grid-auto-xl{grid-template-columns:1fr}}.sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-4));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--space-8));overflow-y:auto;transition:all var(--transition-base)}.sidebar-menu{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-user{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);background:rgba(79,172,254,0.1);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid rgba(79,172,254,0.2)}.sidebar-user-avatar{width:45px;height:45px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:rgba(79,172,254,0.15);border:2px solid rgba(79,172,254,0.5);flex-shrink:0;font-family:var(--font-emoji)}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:block;opacity:0.7;font-size:var(--text-xs);color:var(--text-secondary)}.sidebar-search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.sidebar-search-icon{font-size:var(--text-sm);opacity:0.6;flex-shrink:0}.sidebar-search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:var(--text-sm);font-family:inherit}.sidebar-search-input::placeholder{color:var(--text-secondary);opacity:0.7}.sidebar-search-clear{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:2px;flex-shrink:0}.sidebar-search-clear:hover{color:var(--color-danger-500)}.sidebar-search-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-3) 0;margin:0}.sidebar-section{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--text-xs);margin-top:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-warning-500);font-weight:var(--font-semibold)}.sidebar-section:first-child{margin-top:0}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);font-size:var(--text-sm);position:relative;cursor:pointer}.sidebar-item:hover{background:var(--bg-hover);color:var(--color-primary-500);transform:translateX(-3px)}.sidebar-item.active{background:rgba(79,172,254,0.15);color:var(--color-primary-500);border-right:3px solid var(--color-primary-500);font-weight:var(--font-semibold)}.sidebar-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bg-gradient-primary);border-radius:3px 0 0 3px}.sidebar-item-icon{font-size:var(--text-xl);width:24px;text-align:center;flex-shrink:0;font-family:var(--font-emoji)}.sidebar-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-badge{background:var(--color-danger-500);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-item-badge.badge-primary{background:var(--color-primary-500);color:var(--bg-space-dark)}.sidebar-item.highlight{background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.08));border:1px solid rgba(255,193,7,0.35);color:var(--color-warning-500);font-weight:var(--font-bold);position:relative;overflow:hidden}.sidebar-item.highlight::before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,193,7,0.2),transparent);animation:shimmer 3s infinite}.sidebar-item.highlight:hover{background:linear-gradient(135deg,rgba(255,193,7,0.25),rgba(255,152,0,0.15));color:var(--color-warning-400,var(--color-warning-500));box-shadow:0 4px 15px rgba(255,193,7,0.2)}.sidebar-item.logout{color:var(--color-danger-500);margin-top:var(--space-4);border-top:1px solid var(--border-color);border-radius:0;padding-top:var(--space-4)}.sidebar-item.logout:hover{color:var(--color-danger-400);background:rgba(255,80,80,0.1);transform:translateX(-3px)}.sidebar-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.sidebar-toggle{display:none;position:fixed;top:0;left:var(--space-4);height:var(--header-height);z-index:calc(var(--z-sticky) + 5);background:var(--bg-gradient-primary);color:var(--bg-space-dark);border:2px solid rgba(255,255,255,0.35);width:44px;height:44px;border-radius:var(--radius-full);font-size:var(--text-xl);cursor:pointer;box-shadow:0 4px 14px rgba(79,172,254,0.55),0 0 0 4px rgba(10,10,46,0.35);align-items:center;justify-content:center;font-family:var(--font-emoji);transition:transform .2s ease,box-shadow .2s ease}.sidebar-toggle:active{transform:scale(0.92)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:var(--blur-sm);z-index:var(--z-modal-bg)}@media (max-width:1024px){.sidebar-toggle{display:flex;top:calc((var(--header-height) - 44px) / 2)}.sidebar{position:fixed;top:0;right:-100%;width:280px;height:100vh;max-height:100vh;border-radius:0;z-index:var(--z-modal);transition:right var(--transition-slow)}.sidebar.open{right:0}.sidebar-overlay.open{display:block}}@media (max-width:480px){.sidebar{width:85vw}.sidebar-toggle{left:var(--space-3)}}.header{background:rgba(10,10,46,0.95);backdrop-filter:var(--blur-lg);border-bottom:1px solid var(--border-color);padding:var(--space-3) 0;position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-lg);background:rgba(10,10,46,0.98)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-bold);transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.05)}.header-logo-icon{font-size:var(--text-2xl);font-family:var(--font-emoji)}.header-logo-text{background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-nav{display:flex;gap:var(--space-2);align-items:center}.header-nav-item{padding:var(--space-2) var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2);position:relative}.header-nav-item:hover{color:var(--color-primary-500);background:var(--bg-hover)}.header-nav-item.active{color:var(--color-primary-500);background:var(--bg-active)}.header-nav-item.active::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:30px;height:3px;background:var(--bg-gradient-primary);border-radius:3px 3px 0 0}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.notif-bell{position:relative;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-fast);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-2xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-emoji)}.notif-bell:hover{background:var(--bg-hover);transform:rotate(15deg)}.notif-bell-badge{position:absolute;top:0;right:0;background:var(--color-danger-500);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg-space-dark);animation:pulseScale 2s infinite}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background:var(--bg-hover);border-color:var(--color-primary-500)}.user-menu-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--bg-space-dark);font-weight:var(--font-bold);flex-shrink:0;overflow:hidden}.user-menu-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding-right:var(--space-2)}.mobile-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-2xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-toggle:hover{background:var(--bg-hover)}.notif-dropdown{display:none;position:fixed;top:70px;left:20px;width:380px;max-width:calc(100vw - 40px);max-height:500px;background:rgba(20,20,50,0.98);backdrop-filter:var(--blur-lg);border:1px solid var(--border-color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:var(--z-dropdown);overflow:hidden;flex-direction:column;animation:slideInDown var(--transition-base)}.notif-dropdown.open{display:flex}.notif-dropdown-header{padding:var(--space-4) var(--space-5);background:rgba(79,172,254,0.1);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notif-dropdown-title{color:var(--color-primary-500);font-size:var(--text-base);font-weight:var(--font-bold)}.notif-dropdown-action{color:var(--color-primary-500);font-size:var(--text-xs);text-decoration:none;opacity:0.8;cursor:pointer;background:none;border:none}.notif-dropdown-action:hover{opacity:1}.notif-filter-tabs{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;border-bottom:1px solid var(--border-color);scrollbar-width:thin;flex-shrink:0}.notif-filter-tab{flex:0 0 auto;background:none;border:1px solid var(--border-color);border-radius:999px;padding:4px 12px;font-size:var(--text-xs);color:var(--text-secondary,inherit);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.notif-filter-tab:hover{border-color:var(--color-primary-500)}.notif-filter-tab.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.notif-dropdown-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-color);flex-shrink:0}.notif-load-more{width:100%;background:none;border:none;color:var(--color-primary-500);font-size:var(--text-xs);padding:var(--space-2);cursor:pointer}.notif-load-more:hover{text-decoration:underline}.notif-list{flex:1 1 auto;min-height:0;overflow-y:auto;max-height:400px}.notif-item{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-3);cursor:pointer;transition:background var(--transition-fast);position:relative}.notif-item:hover{background:rgba(79,172,254,0.05)}.notif-item.unread{background:rgba(79,172,254,0.08);border-right:3px solid var(--color-primary-500)}.notif-item-icon{font-size:var(--text-2xl);flex-shrink:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(79,172,254,0.15);border-radius:var(--radius-full);font-family:var(--font-emoji)}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1);font-size:var(--text-sm)}.notif-item-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-1)}.notif-item-time{font-size:var(--text-xs);color:var(--text-muted)}.notif-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-muted)}.notif-empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);opacity:0.5;font-family:var(--font-emoji)}@media (max-width:1024px){.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,46,0.98);backdrop-filter:var(--blur-lg);flex-direction:column;padding:var(--space-4);gap:var(--space-2);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.header-nav.open{display:flex}.header-nav-item{width:100%;justify-content:flex-start}.header-nav-item.active::after{display:none}.mobile-toggle{display:flex}.user-menu-name{display:none}}@media (max-width:640px){.header-container{padding:0 var(--space-3)}.header-logo-text{font-size:var(--text-base)}.notif-dropdown{left:10px;right:10px;width:auto}}.header-action-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;font-family:var(--font-emoji);flex-shrink:0}.header-action-btn:hover{background:var(--bg-hover);border-color:var(--color-primary-500);transform:scale(1.1)}.header-action-badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger-500);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg-primary);animation:pulseScale 2s infinite;font-family:var(--font-primary)}.header-install-btn{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:var(--bg-space-dark);border-color:rgba(80,255,120,0.5);animation:pulseScale 3s infinite}.header-install-btn:hover{box-shadow:0 0 20px rgba(80,255,120,0.5)}.header-notif-btn:hover{animation:bellRing 0.5s ease}.header-role-switch-btn{width:auto;padding:0 14px;gap:4px;font-size:var(--text-base);text-decoration:none;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-white);border-color:transparent}.header-role-switch-btn:hover{box-shadow:0 0 16px rgba(var(--color-primary-rgb,80,120,255),0.4);color:var(--color-white)}.header-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.header-user-btn:hover{background:var(--bg-hover);border-color:var(--color-primary-500)}.header-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--bg-space-dark);font-weight:var(--font-bold);flex-shrink:0;overflow:hidden}.header-user-avatar img{width:100%;height:100%;object-fit:cover}.header-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown{position:relative}.header-dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:rgba(20,20,50,0.98);backdrop-filter:var(--blur-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast)}.header-dropdown-menu.open{display:block}.header-dropdown-wide{min-width:240px}[data-theme="light"] .header-dropdown-menu{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.1);box-shadow:var(--shadow-xl)}.header-dropdown-title{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-primary-500);font-weight:var(--font-bold);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1);text-align:center}.header-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-sm);cursor:pointer;font-weight:var(--font-medium)}.header-dropdown-item:hover{background:var(--bg-hover);color:var(--color-primary-500)}.header-dropdown-item.active{background:var(--bg-gradient-primary);color:var(--bg-space-dark);font-weight:var(--font-bold)}.header-dropdown-danger{color:var(--color-danger-500)}.header-dropdown-danger:hover{background:rgba(255,80,80,0.1);color:var(--color-danger-500)}.header-dropdown-divider{height:1px;background:var(--border-color);margin:var(--space-1) 0}.theme-dot{width:22px;height:22px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:var(--shadow-sm)}.header-dropdown-item.active .theme-dot{border:2px solid var(--color-white);box-shadow:0 0 10px rgba(79,172,254,0.5)}.menu-position-switch{display:flex;align-items:stretch;gap:3px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px;margin:0 var(--space-2) var(--space-2)}.menu-position-btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.menu-position-btn:hover{color:var(--color-primary-500)}.menu-position-btn.active{background:var(--bg-gradient-primary);color:var(--bg-space-dark);font-weight:var(--font-bold);box-shadow:var(--shadow-sm)}.menu-position-switch-wrap{flex-wrap:wrap}.menu-position-switch-wrap .menu-position-btn{flex:1 1 calc(50% - 3px)}@media (max-width:1024px){.header-user-name{display:none}.header-dropdown-menu{left:auto;right:0}.sm-hidden{display:none !important}}@media (max-width:768px){.header-action-btn{width:36px;height:36px;font-size:var(--text-lg)}.header-user-btn{padding:var(--space-1)}.header-actions{gap:var(--space-1)}.header-dropdown-menu{position:fixed;top:var(--header-height);left:var(--space-3);right:var(--space-3);min-width:auto}}.footer{background:rgba(10,10,46,0.95);backdrop-filter:var(--blur-lg);border-top:1px solid var(--border-color);padding:var(--space-8) 0 var(--space-5);margin-top:var(--space-10);color:var(--text-secondary)}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--space-5)}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-6);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5)}.footer-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:500px}.footer-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-bold);justify-content:center}.footer-logo-icon{font-size:var(--text-2xl);font-family:var(--font-emoji)}.footer-logo-text{font-size:var(--text-lg)}.footer-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-social-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-social{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.footer-social-link{width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);font-family:var(--font-emoji)}.footer-social-link:hover{background:var(--bg-gradient-primary);color:var(--bg-space-dark);border-color:var(--color-primary-500);transform:translateY(-4px);box-shadow:var(--shadow-primary)}.footer-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.footer-side-row{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-5)}.footer-social-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer-social-name{color:var(--text-secondary);white-space:nowrap;line-height:var(--leading-tight)}.footer-contact-info{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.footer-contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.footer-contact-icon{font-size:var(--text-base);color:var(--color-primary-500);flex-shrink:0;font-family:var(--font-emoji)}.footer-column h4{color:var(--color-primary-500);font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.footer-column a:hover{color:var(--color-primary-500);transform:translateX(-3px)}.footer-about{max-width:400px}.footer-trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.footer-trust:empty{display:none}.footer-trust img{max-height:74px;width:auto;border-radius:var(--radius-sm)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.footer-copyright{color:var(--text-muted);font-size:var(--text-sm)}.footer-copyright strong{color:var(--color-primary-500)}.footer-links{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.footer-links-divider{color:var(--text-muted)}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:var(--text-xs);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary-500)}.footer-newsletter{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.footer-newsletter-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none}.footer-newsletter-input:focus{border-color:var(--color-primary-500)}@media (max-width:1024px){.footer-content{gap:var(--space-5)}.footer-contact-info{gap:var(--space-4)}.footer-side-row{gap:var(--space-4)}}@media (max-width:768px){.footer{padding:var(--space-6) 0 var(--space-4);margin-top:var(--space-8)}.footer-content{grid-template-columns:1fr;justify-items:center;gap:var(--space-6);padding-bottom:var(--space-6)}.footer-center{order:-1;gap:var(--space-2)}.footer-side{flex-direction:row;gap:var(--space-6)}.footer-logo{font-size:var(--text-lg)}.footer-logo-icon{font-size:var(--text-xl)}.footer-social{gap:var(--space-2)}.footer-social-link{width:40px;height:40px;font-size:var(--text-base)}.footer-side-row{gap:var(--space-3)}.footer-contact-info{flex-direction:column;gap:var(--space-3)}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}.footer-container{padding:0 var(--space-3)}}@media (max-width:480px){.footer{padding:var(--space-5) 0 var(--space-3);margin-top:var(--space-6)}.footer-content{gap:var(--space-5);padding-bottom:var(--space-4)}.footer-description{font-size:var(--text-xs)}.footer-social{gap:var(--space-1)}.footer-social-link{width:36px;height:36px;font-size:var(--text-base)}.footer-side{gap:var(--space-4)}.footer-side-row{gap:var(--space-2)}.footer-contact-item{font-size:var(--text-xs)}.footer-copyright{font-size:var(--text-xs)}.footer-links a{font-size:var(--text-xs)}.footer-bottom{gap:var(--space-2)}.footer-links{gap:var(--space-2)}.footer-container{padding:0 var(--space-2)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-primary);line-height:var(--leading-tight);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;user-select:none;position:relative;overflow:hidden;color:var(--text-primary);min-height:44px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-primary{background:var(--bg-gradient-primary);color:var(--bg-space-dark);box-shadow:var(--shadow-primary);font-weight:var(--font-bold)}.btn-primary:hover{box-shadow:var(--shadow-primary-lg)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color-strong)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-primary-500)}.btn-success{background:var(--bg-gradient-success);color:var(--bg-space-dark);box-shadow:var(--shadow-success);font-weight:var(--font-bold)}.btn-success:hover{box-shadow:0 15px 30px rgba(80,255,120,0.4)}.btn-warning{background:var(--bg-gradient-warning);color:var(--bg-space-dark);box-shadow:var(--shadow-warning);font-weight:var(--font-bold)}.btn-warning:hover{box-shadow:0 15px 30px rgba(255,193,7,0.4)}.btn-danger{background:var(--bg-gradient-danger);color:var(--color-white);box-shadow:var(--shadow-danger);font-weight:var(--font-bold)}.btn-danger:hover{box-shadow:0 15px 30px rgba(255,80,80,0.4)}.btn-info{background:linear-gradient(135deg,var(--color-info-500),var(--color-info-600));color:var(--color-white);font-weight:var(--font-bold)}.btn-outline-primary{background:transparent;color:var(--color-primary-500);border-color:var(--color-primary-500)}.btn-outline-primary:hover{background:var(--color-primary-500);color:var(--bg-space-dark)}.btn-outline-success{background:transparent;color:var(--color-success-500);border-color:var(--color-success-500)}.btn-outline-success:hover{background:var(--color-success-500);color:var(--bg-space-dark)}.btn-outline-danger{background:transparent;color:var(--color-danger-500);border-color:var(--color-danger-500)}.btn-outline-danger:hover{background:var(--color-danger-500);color:var(--color-white)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-hover)}.btn-link{background:transparent;color:var(--color-primary-500);padding:0;text-decoration:underline;box-shadow:none;min-height:auto}.btn-link:hover{color:var(--color-primary-400);transform:none}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:28px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-height:60px}.btn-block{width:100%;display:flex}.btn-icon{padding:var(--space-3);min-width:44px;aspect-ratio:1}.btn-icon.btn-sm{padding:var(--space-2);min-width:36px}.btn-icon.btn-xs{padding:var(--space-1);min-width:28px}.btn-icon-text{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);min-height:auto;text-align:center}.btn-icon-text .icon{font-size:var(--text-3xl);line-height:1;font-family:var(--font-emoji)}.btn-icon-text .label{font-size:var(--text-sm);font-weight:var(--font-bold)}.btn-group{display:inline-flex;gap:var(--space-1)}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group-vertical{display:inline-flex;flex-direction:column;gap:var(--space-1)}.btn-group-vertical .btn{border-radius:0;width:100%}.btn-group-vertical .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.btn-group-vertical .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:var(--radius-full);transform:translate(-50%,-50%) scale(1);transition:transform 0.5s,opacity 1s}.btn-ripple:active::after{animation:ripple 0.5s ease-out}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );transition:left 0.6s ease;pointer-events:none}.btn-shimmer:hover::before{left:100%}.btn.loading{color:transparent !important;pointer-events:none;position:relative}.btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(255,255,255,0.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:spin 0.6s linear infinite}.btn:disabled,.btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;transform:none !important;box-shadow:none !important}.btn-fab{position:fixed;bottom:var(--space-6);left:var(--space-6);width:60px;height:60px;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);z-index:var(--z-fixed);font-size:var(--text-2xl)}.btn-fab:hover{transform:scale(1.1)}.btn-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden;text-align:center;min-height:90px;cursor:pointer}.btn-menu::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(79,172,254,0.15),transparent );transition:left 0.5s ease}.btn-menu:hover::before{left:100%}.btn-menu:hover{background:rgba(79,172,254,0.1);border-color:var(--color-primary-500);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn-menu.active{background:var(--bg-gradient-primary);border-color:var(--color-primary-500);box-shadow:var(--shadow-primary);color:var(--bg-space-dark);transform:translateY(-2px)}.btn-menu.active .btn-menu-icon,.btn-menu.active .btn-menu-label{color:var(--bg-space-dark);font-weight:var(--font-bold)}.btn-menu-icon{font-size:var(--text-3xl);line-height:1;font-family:var(--font-emoji);color:var(--color-primary-500);transition:color var(--transition-base)}.btn-menu-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);transition:color var(--transition-base);line-height:var(--leading-tight)}.btn-menu.btn-menu-warning{background:rgba(255,193,7,0.1);border-color:rgba(255,193,7,0.3)}.btn-menu.btn-menu-warning:hover{background:rgba(255,193,7,0.2);border-color:var(--color-warning-500)}.btn-menu.btn-menu-warning .btn-menu-icon{color:var(--color-warning-500)}.btn-menu.btn-menu-danger{background:rgba(255,80,80,0.1);border-color:rgba(255,80,80,0.3)}.btn-menu.btn-menu-danger:hover{background:rgba(255,80,80,0.2);border-color:var(--color-danger-500)}.btn-menu.btn-menu-danger .btn-menu-icon{color:var(--color-danger-500)}.btn-menu.btn-menu-highlight{background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.08));border-color:rgba(255,193,7,0.4)}.btn-menu.btn-menu-highlight:hover{background:linear-gradient(135deg,rgba(255,193,7,0.25),rgba(255,152,0,0.15));border-color:rgba(255,193,7,0.6);box-shadow:0 10px 25px rgba(255,193,7,0.3)}.btn-menu.btn-menu-highlight.active{background:var(--bg-gradient-warning);border-color:var(--color-warning-500);box-shadow:var(--shadow-warning)}.btn-with-badge{position:relative}.btn-with-badge .badge-on-btn{position:absolute;top:4px;right:4px;background:var(--color-danger-500);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px rgba(255,80,80,0.5);border:2px solid var(--bg-space-dark);animation:pulseScale 2s infinite}.btn-with-badge .badge-on-btn.badge-info{background:var(--color-primary-500)}.btn-with-badge .badge-on-btn.badge-warning{background:var(--color-warning-500);color:var(--bg-space-dark)}@media (max-width:640px){.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn-xl{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.btn-menu{padding:var(--space-3);min-height:80px}.btn-menu-icon{font-size:var(--text-2xl)}.btn-menu-label{font-size:var(--text-xs)}}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.card.card-hover:hover{transform:translateY(-4px);border-color:var(--color-primary-500);box-shadow:var(--shadow-lg)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-8);border-radius:var(--radius-xl)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-3)}.card-title{color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.card-body{color:var(--text-secondary);line-height:var(--leading-relaxed)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-3)}.card-gradient{background:linear-gradient(135deg,rgba(79,172,254,0.15) 0%,rgba(0,242,254,0.05) 100%);border:2px solid rgba(79,172,254,0.25)}.card-gradient-success{background:linear-gradient(135deg,rgba(80,255,120,0.15) 0%,rgba(0,230,118,0.05) 100%);border:2px solid rgba(80,255,120,0.25)}.card-gradient-warning{background:linear-gradient(135deg,rgba(255,193,7,0.15) 0%,rgba(255,152,0,0.05) 100%);border:2px solid rgba(255,193,7,0.25)}.card-gradient-danger{background:linear-gradient(135deg,rgba(255,80,80,0.15) 0%,rgba(211,47,47,0.05) 100%);border:2px solid rgba(255,80,80,0.25)}.card-accent{border-right:4px solid var(--color-primary-500)}.card-accent-success{border-right:4px solid var(--color-success-500)}.card-accent-warning{border-right:4px solid var(--color-warning-500)}.card-accent-danger{border-right:4px solid var(--color-danger-500)}.card-icon-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.card-icon{font-size:var(--text-3xl);width:60px;height:60px;background:var(--bg-gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md);font-family:var(--font-emoji);color:var(--bg-space-dark)}.card-icon-content{flex:1}.card-hero{background:linear-gradient(135deg,rgba(79,172,254,0.15) 0%,rgba(0,242,254,0.08) 50%,rgba(79,172,254,0.15) 100%);border:2px solid rgba(79,172,254,0.25);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.card-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,0.08) 0%,transparent 60%);animation:rotateGradient 30s linear infinite;pointer-events:none}.card-hero > *{position:relative;z-index:1}.card-hero-icon{font-size:var(--text-6xl);line-height:1;margin-bottom:var(--space-3);font-family:var(--font-emoji);animation:float 3s ease-in-out infinite}.card-hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);background:linear-gradient(135deg,#4facfe 0%,#00f2fe 50%,#4facfe 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);animation:shine 3s linear infinite;letter-spacing:var(--tracking-wide)}.card-hero-subtitle{font-size:var(--text-md);color:var(--color-primary-500);opacity:0.85;margin-bottom:var(--space-4);letter-spacing:var(--tracking-widest)}.info-tile{background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-md);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:center;transition:all var(--transition-base)}.info-tile:hover{background:rgba(0,0,0,0.3);transform:translateY(-2px);border-color:var(--border-color-primary)}.info-tile-icon{font-size:var(--text-2xl);width:45px;height:45px;background:rgba(79,172,254,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-500);font-family:var(--font-emoji)}.info-tile-content{flex:1;min-width:0}.info-tile-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.info-tile-value{font-size:var(--text-base);color:var(--color-primary-500);font-weight:var(--font-bold);line-height:var(--leading-tight);word-break:break-word}.info-tile-primary .info-tile-icon{background:rgba(79,172,254,0.15);color:var(--color-primary-500)}.info-tile-success .info-tile-icon{background:rgba(80,255,120,0.15);color:var(--color-success-500)}.info-tile-warning .info-tile-icon{background:rgba(255,193,7,0.15);color:var(--color-warning-500)}.info-tile-danger .info-tile-icon{background:rgba(255,80,80,0.15);color:var(--color-danger-500)}.info-tile-purple .info-tile-icon{background:rgba(156,39,176,0.15);color:#ba68c8}.info-tile-orange .info-tile-icon{background:rgba(255,152,0,0.15);color:#ff9800}.info-tile-info .info-tile-icon{background:rgba(6,182,212,0.15);color:var(--color-info-500)}.cards-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-grid-sm{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cards-grid-lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.class-info-card{background:linear-gradient(135deg,rgba(79,172,254,0.1),rgba(0,242,254,0.03));border:2px solid var(--border-color-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);position:relative;overflow:hidden}.class-info-title{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid rgba(79,172,254,0.15);flex-wrap:wrap}.class-info-title .icon{font-size:var(--text-4xl);background:var(--bg-gradient-primary);width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md);color:var(--bg-space-dark);font-family:var(--font-emoji)}.class-info-title h2{color:var(--color-primary-500);font-size:var(--text-2xl);margin-bottom:var(--space-1)}.class-info-title p{font-size:var(--text-sm);color:var(--text-secondary)}.class-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.fin-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-3);align-items:center;transition:all var(--transition-base)}.fin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.fin-card-icon{font-size:var(--text-3xl);width:50px;height:50px;background:rgba(0,0,0,0.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-emoji)}.fin-card-content{flex:1;min-width:0}.fin-card-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.fin-card-value{font-size:var(--text-base);line-height:var(--leading-tight);color:var(--color-primary-500);font-weight:var(--font-bold)}.fin-card.has-debt{background:linear-gradient(135deg,rgba(255,80,80,0.1),rgba(255,80,80,0.03));border-color:rgba(255,80,80,0.3)}.fin-card.no-debt{background:linear-gradient(135deg,rgba(80,255,120,0.1),rgba(80,255,120,0.03));border-color:rgba(80,255,120,0.2)}.card-empty{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.card-empty-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);line-height:1;font-family:var(--font-emoji);opacity:0.7}.card-empty-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.card-empty-text{color:var(--text-muted);margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto}@media (max-width:640px){.card{padding:var(--space-4)}.card-hero{padding:var(--space-6) var(--space-4)}.card-hero-title{font-size:var(--text-2xl)}.class-info-title{flex-direction:column;text-align:center}.class-info-grid{grid-template-columns:1fr}}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.form-label.required::after{content:'*';color:var(--color-danger-500);margin-right:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);transition:all var(--transition-base);outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-color-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);background:rgba(79,172,254,0.05);box-shadow:0 0 0 3px rgba(79,172,254,0.15)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:0.7}.form-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234facfe'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-3) center;background-size:20px;padding-left:var(--space-10);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-select option{background:var(--bg-space-mid);color:var(--text-primary);padding:var(--space-2)}.form-select[multiple]{background-image:none;padding-left:var(--space-4);height:auto}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.input-group{position:relative;display:flex;align-items:center}.input-group-icon{position:absolute;right:var(--space-4);color:var(--text-muted);font-size:var(--text-lg);pointer-events:none;z-index:1;font-family:var(--font-emoji)}.input-group .form-input{padding-right:var(--space-12)}.input-group-icon.icon-left{right:auto;left:var(--space-4)}.input-group .form-input.has-icon-left{padding-right:var(--space-4);padding-left:var(--space-12)}.input-with-btn{display:flex;align-items:stretch;gap:0}.input-with-btn .form-input{flex:1;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-with-btn .btn{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--space-6);padding-left:var(--space-6)}.form-check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.form-check:hover{background:var(--bg-hover)}.form-check-input{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary-500);flex-shrink:0}.form-check-label{font-size:var(--text-base);color:var(--text-primary);cursor:pointer;flex:1}.checkbox-custom{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.checkbox-custom input[type="checkbox"]{display:none}.checkbox-custom .checkmark{width:22px;height:22px;border:2px solid var(--border-color-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);background:var(--bg-secondary);flex-shrink:0}.checkbox-custom input[type="checkbox"]:checked ~ .checkmark{background:var(--bg-gradient-primary);border-color:var(--color-primary-500)}.checkbox-custom input[type="checkbox"]:checked ~ .checkmark::after{content:'✓';color:var(--bg-space-dark);font-size:16px;font-weight:bold}.radio-custom{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.radio-custom input[type="radio"]{display:none}.radio-custom .radiomark{width:22px;height:22px;border:2px solid var(--border-color-strong);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);background:var(--bg-secondary);flex-shrink:0;position:relative}.radio-custom input[type="radio"]:checked ~ .radiomark{border-color:var(--color-primary-500)}.radio-custom input[type="radio"]:checked ~ .radiomark::after{content:'';width:12px;height:12px;border-radius:var(--radius-full);background:var(--bg-gradient-primary);animation:scaleIn 0.2s ease}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-hover);border:2px solid var(--border-color-strong);transition:var(--transition-base);border-radius:var(--radius-full)}.switch-slider::before{position:absolute;content:'';height:18px;width:18px;right:2px;top:2px;background:var(--text-primary);transition:var(--transition-base);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.switch input:checked + .switch-slider{background:var(--bg-gradient-primary);border-color:var(--color-primary-500)}.switch input:checked + .switch-slider::before{transform:translateX(-24px);background:var(--color-white)}.form-file{position:relative;display:inline-block;width:100%}.form-file-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.form-file-label{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-secondary);border:2px dashed var(--border-color-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);text-align:center}.form-file:hover .form-file-label{background:var(--bg-active);border-color:var(--color-primary-500)}.form-file-icon{font-size:var(--text-3xl);font-family:var(--font-emoji)}.form-help{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);line-height:var(--leading-normal)}.form-help a{color:var(--color-primary-500);text-decoration:none}.form-help a:hover{color:var(--color-primary-400);text-decoration:underline}.form-error{font-size:var(--text-xs);color:var(--color-danger-500);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.form-error::before{content:'⚠️';font-size:var(--text-sm)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger-500);background:rgba(255,80,80,0.05)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px rgba(255,80,80,0.15)}.form-input.success,.form-select.success,.form-textarea.success{border-color:var(--color-success-500);background:rgba(80,255,120,0.05)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:0.5;cursor:not-allowed;background:rgba(0,0,0,0.1)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);flex-wrap:wrap}.form-actions.center{justify-content:center}.form-actions.end{justify-content:flex-end}.form-actions.stretch .btn{flex:1}.search-input{padding-right:var(--space-12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234facfe'%3E%3Cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px}.password-field{position:relative}.password-toggle{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);font-size:var(--text-lg);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-primary-500)}.star-rating{display:inline-flex;direction:ltr;gap:var(--space-1)}.star-rating input{display:none}.star-rating label{font-size:var(--text-3xl);cursor:pointer;opacity:0.4;transition:opacity var(--transition-fast);color:var(--color-warning-500);font-family:var(--font-emoji)}.star-rating input:checked ~ label,.star-rating label:hover,.star-rating label:hover ~ label{opacity:1}.form-range{width:100%;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--bg-gradient-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.form-range::-moz-range-thumb{width:20px;height:20px;background:var(--bg-gradient-primary);border-radius:var(--radius-full);cursor:pointer;border:none;box-shadow:var(--shadow-md)}@media (max-width:640px){.form-row,.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:500px}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--text-sm)}.table thead th{background:var(--bg-tertiary);color:var(--color-primary-500);font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);position:sticky;top:0;z-index:10;white-space:nowrap}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table-sm th,.table-sm td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.table-lg th,.table-lg td{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.table-striped tbody tr:nth-child(even){background:rgba(255,255,255,0.02)}.table-striped tbody tr:nth-child(even):hover{background:var(--bg-hover)}.table-bordered{border:1px solid var(--border-color)}.table-bordered th,.table-bordered td{border:1px solid var(--border-color)}.table-borderless th,.table-borderless td{border:none}.table-compact th,.table-compact td{padding:var(--space-2);font-size:var(--text-xs)}.table .text-center{text-align:center}.table .text-left{text-align:left}.table .text-right{text-align:right}.table .col-1{width:8.33%}.table .col-2{width:16.66%}.table .col-3{width:25%}.table .col-4{width:33.33%}.table .col-5{width:41.66%}.table .col-6{width:50%}.table .col-auto{width:auto}.table .col-fit{width:1%;white-space:nowrap}.table tr.active{background:var(--bg-active)}.table tr.selected{background:rgba(79,172,254,0.2)}.table tr.disabled{opacity:0.5;pointer-events:none}.table tr.success{background:rgba(80,255,120,0.05)}.table tr.warning{background:rgba(255,193,7,0.05)}.table tr.danger{background:rgba(255,80,80,0.05)}.table-user{display:flex;align-items:center;gap:var(--space-3)}.table-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--bg-space-dark);font-weight:var(--font-bold);flex-shrink:0;overflow:hidden}.table-user-avatar img{width:100%;height:100%;object-fit:cover}.table-user-info{display:flex;flex-direction:column;gap:2px}.table-user-name{font-weight:var(--font-semibold);color:var(--text-primary)}.table-user-email{font-size:var(--text-xs);color:var(--text-muted)}.table-icon-cell{display:flex;align-items:center;gap:var(--space-2)}.table-icon-cell .icon{font-size:var(--text-lg);font-family:var(--font-emoji)}.table-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end;flex-wrap:nowrap}.table-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:auto}.table-empty{padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-muted)}.table-empty-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:0.5;font-family:var(--font-emoji)}.table-empty-text{font-size:var(--text-lg);margin-bottom:var(--space-4)}.table-sortable th{cursor:pointer;user-select:none;position:relative;padding-left:var(--space-8)}.table-sortable th::after{content:'↕';position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);opacity:0.5;font-size:var(--text-sm)}.table-sortable th.sort-asc::after{content:'↑';opacity:1;color:var(--color-primary-500)}.table-sortable th.sort-desc::after{content:'↓';opacity:1;color:var(--color-primary-500)}.table-sortable th:hover{background:var(--bg-hover)}.table tfoot td{background:var(--bg-tertiary);font-weight:var(--font-bold);color:var(--color-primary-500);border-top:2px solid var(--border-color)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-3)}.table-info{font-size:var(--text-sm);color:var(--text-muted)}.pagination{display:flex;gap:var(--space-1);align-items:center}.pagination-btn{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);min-width:36px;text-align:center}.pagination-btn:hover{background:var(--bg-active);border-color:var(--color-primary-500);color:var(--color-primary-500)}.pagination-btn.active{background:var(--bg-gradient-primary);border-color:var(--color-primary-500);color:var(--bg-space-dark);font-weight:var(--font-bold)}.pagination-btn:disabled{opacity:0.4;cursor:not-allowed}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);gap:var(--space-3);flex-wrap:wrap}.table-search{flex:1;max-width:300px}.table-filters{display:flex;gap:var(--space-2);align-items:center}@media (max-width:1024px){.table-user-avatar{width:32px;height:32px;font-size:var(--text-sm)}.table-user-email{display:none}.table-footer{flex-direction:column;align-items:stretch}.pagination{justify-content:center}.table-wrapper{overflow-x:visible}.table-wrapper .table thead{display:none}.table-wrapper .table,.table-wrapper .table tbody,.table-wrapper .table tr,.table-wrapper .table td{display:block;width:100%;min-width:0}.table-wrapper .table{font-size:var(--text-sm)}.table-wrapper .table tr{margin-bottom:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.table-wrapper .table tr:last-child{margin-bottom:0}.table-wrapper .table td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color)}.table-wrapper .table td[colspan]{display:block;text-align:right}.table-wrapper .table td[colspan]::before{content:none}.table-wrapper .table td:last-child{border-bottom:none}.table-wrapper .table td::before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--color-primary-500);font-size:var(--text-xs);flex-shrink:0}.table-wrapper .table td:not([data-label])::before,.table-wrapper .table td[data-label=""]::before{content:none}.table-wrapper .table-actions{justify-content:flex-start;flex-wrap:wrap}.table-wrapper .table tr:has(.empty){border:none;background:transparent}.table-wrapper .table tr:has(.empty) td{display:block;text-align:center}.table-wrapper .table tr:has(.empty) td::before{content:none}}@media (max-width:1280px){.table-wrapper.table-stack-md{overflow-x:visible}.table-wrapper.table-stack-md .table thead{display:none}.table-wrapper.table-stack-md .table,.table-wrapper.table-stack-md .table tbody,.table-wrapper.table-stack-md .table tr,.table-wrapper.table-stack-md .table td{display:block;width:100%;min-width:0}.table-wrapper.table-stack-md .table{font-size:var(--text-sm)}.table-wrapper.table-stack-md .table tr{margin-bottom:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.table-wrapper.table-stack-md .table tr:last-child{margin-bottom:0}.table-wrapper.table-stack-md .table td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color)}.table-wrapper.table-stack-md .table td[colspan]{display:block;text-align:right}.table-wrapper.table-stack-md .table td[colspan]::before{content:none}.table-wrapper.table-stack-md .table td:last-child{border-bottom:none}.table-wrapper.table-stack-md .table td::before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--color-primary-500);font-size:var(--text-xs);flex-shrink:0}.table-wrapper.table-stack-md .table td:not([data-label])::before,.table-wrapper.table-stack-md .table td[data-label=""]::before{content:none}.table-wrapper.table-stack-md .table-actions{justify-content:flex-start;flex-wrap:wrap}.table-wrapper.table-stack-md .table tr:has(.empty){border:none;background:transparent}.table-wrapper.table-stack-md .table tr:has(.empty) td{display:block;text-align:center}.table-wrapper.table-stack-md .table tr:has(.empty) td::before{content:none}.table-wrapper.table-stack-md .table tr[data-summary]{cursor:pointer;-webkit-tap-highlight-color:transparent}.table-wrapper.table-stack-md .table tr[data-summary]::before{content:attr(data-summary);display:block;padding:var(--space-2) var(--space-3);padding-inline-end:calc(var(--space-3) + 22px);font-weight:var(--font-semibold);font-size:var(--text-sm);background:var(--bg-tertiary,rgba(128,128,128,.08));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrapper.table-stack-md .table tr[data-summary]::after{content:'▾';position:absolute;inset-inline-end:var(--space-3);top:var(--space-2);color:var(--text-muted,#888);font-size:var(--text-xs);transition:transform .15s ease;pointer-events:none}.table-wrapper.table-stack-md .table tr[data-summary]{position:relative}.table-wrapper.table-stack-md .table tr[data-summary].row-open::after{transform:rotate(180deg)}.table-wrapper.table-stack-md .table tr[data-summary]:not(.row-open) > td{display:none}}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;white-space:nowrap;text-align:center;min-height:22px}.badge-primary{background:rgba(79,172,254,0.2);color:var(--color-primary-500)}.badge-secondary{background:rgba(255,255,255,0.1);color:var(--text-primary)}.badge-success{background:rgba(80,255,120,0.2);color:var(--color-success-500)}.badge-warning{background:rgba(255,193,7,0.2);color:var(--color-warning-500)}.badge-danger{background:rgba(255,80,80,0.2);color:var(--color-danger-500)}.badge-info{background:rgba(79,172,254,0.2);color:var(--color-primary-500)}.payment-meta-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold)}.pm-label-online{color:var(--color-info-500)}.pm-label-cash{color:var(--color-success-500)}.pm-label-card2card{color:var(--color-purple-500)}.pm-label-pos{color:var(--color-warning-500)}.pm-label-free{color:var(--color-pink-500)}.pm-label-default{color:var(--text-secondary)}.payer-label-admin{color:var(--color-danger-500)}.payer-label-deputy{color:var(--color-purple-500)}.payer-label-student{color:var(--color-primary-500)}.payer-label-staff{color:var(--color-slate-500)}.badge-solid-primary{background:var(--color-primary-500);color:var(--bg-space-dark)}.badge-solid-success{background:var(--color-success-500);color:var(--bg-space-dark)}.badge-solid-warning{background:var(--color-warning-500);color:var(--bg-space-dark)}.badge-solid-danger{background:var(--color-danger-500);color:var(--color-white)}.badge-gradient-primary{background:var(--bg-gradient-primary);color:var(--bg-space-dark);font-weight:var(--font-bold)}.badge-gradient-success{background:var(--bg-gradient-success);color:var(--bg-space-dark)}.badge-gradient-warning{background:var(--bg-gradient-warning);color:var(--color-white)}.badge-gradient-danger{background:var(--bg-gradient-danger);color:var(--color-white)}.badge-outline-primary{background:transparent;color:var(--color-primary-500);border:1px solid var(--color-primary-500)}.badge-outline-success{background:transparent;color:var(--color-success-500);border:1px solid var(--color-success-500)}.badge-outline-warning{background:transparent;color:var(--color-warning-500);border:1px solid var(--color-warning-500)}.badge-outline-danger{background:transparent;color:var(--color-danger-500);border:1px solid var(--color-danger-500)}.badge-xs{padding:2px var(--space-2);font-size:10px;min-height:16px}.badge-sm{padding:3px var(--space-2);font-size:11px;min-height:18px}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:26px}.badge-xl{padding:var(--space-3) var(--space-5);font-size:var(--text-base);min-height:32px}.badge-square{border-radius:var(--radius-sm)}.badge-pill{border-radius:var(--radius-full)}.badge-dot{width:10px;height:10px;padding:0;border-radius:var(--radius-full);min-height:10px}.badge-icon{padding:var(--space-1);min-width:22px;min-height:22px;border-radius:var(--radius-full);font-family:var(--font-emoji)}.badge-notification{position:absolute;top:-5px;right:-5px;background:var(--color-danger-500);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 5px rgba(255,80,80,0.5);border:2px solid var(--bg-space-dark);animation:pulseScale 2s infinite;z-index:1}.badge-notification.badge-primary{background:var(--color-primary-500);box-shadow:0 2px 5px rgba(79,172,254,0.5)}.badge-notification.badge-success{background:var(--color-success-500);box-shadow:0 2px 5px rgba(80,255,120,0.5)}.badge-pulse{animation:pulseScale 2s infinite}.badge-shake{animation:shakeRotate 1s infinite}.badge-ping{position:relative}.badge-ping::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:inherit;animation:pulseScale 2s cubic-bezier(0,0,0.2,1) infinite;opacity:0.6;z-index:-1}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2)}.status-badge::before{content:'';width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.status-online{color:var(--color-success-500)}.status-online::before{box-shadow:0 0 10px var(--color-success-500);animation:pulse 2s infinite}.status-offline{color:var(--text-muted)}.status-busy{color:var(--color-danger-500)}.status-away{color:var(--color-warning-500)}.level-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.1));color:var(--color-warning-500);border:1px solid var(--color-warning-500);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.level-badge.level-beginner{background:linear-gradient(135deg,rgba(80,255,120,0.15),rgba(0,230,118,0.1));color:var(--color-success-500);border-color:var(--color-success-500)}.level-badge.level-intermediate{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.1));color:var(--color-primary-500);border-color:var(--color-primary-500)}.level-badge.level-advanced{background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.1));color:var(--color-warning-500);border-color:var(--color-warning-500)}.level-badge.level-expert{background:linear-gradient(135deg,rgba(255,80,80,0.15),rgba(211,47,47,0.1));color:var(--color-danger-500);border-color:var(--color-danger-500)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.tag:hover{background:var(--bg-hover);border-color:var(--color-primary-500);color:var(--color-primary-500)}.tag.active{background:var(--bg-gradient-primary);color:var(--bg-space-dark);border-color:var(--color-primary-500)}.tag-close{cursor:pointer;opacity:0.7;font-size:var(--text-sm);line-height:1;transition:opacity var(--transition-fast)}.tag-close:hover{opacity:1}.alert{position:relative;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);line-height:var(--leading-relaxed);animation:fadeInDown var(--transition-base);border:1px solid transparent}.alert-primary{background:rgba(79,172,254,0.1);border-color:rgba(79,172,254,0.3);color:var(--color-primary-500);border-right:4px solid var(--color-primary-500)}.alert-success{background:rgba(80,255,120,0.1);border-color:rgba(80,255,120,0.3);color:var(--color-success-500);border-right:4px solid var(--color-success-500)}.alert-warning{background:rgba(255,193,7,0.1);border-color:rgba(255,193,7,0.3);color:var(--color-warning-500);border-right:4px solid var(--color-warning-500)}.alert-danger,.alert-error{background:rgba(255,80,80,0.1);border-color:rgba(255,80,80,0.3);color:var(--color-danger-500);border-right:4px solid var(--color-danger-500)}.alert-info{background:rgba(6,182,212,0.1);border-color:rgba(6,182,212,0.3);color:var(--color-info-500);border-right:4px solid var(--color-info-500)}.alert-icon{font-size:var(--text-2xl);line-height:1;flex-shrink:0;font-family:var(--font-emoji)}.alert-content{flex:1;color:inherit}.alert-title{font-weight:var(--font-bold);font-size:var(--text-base);margin-bottom:var(--space-1);color:inherit}.alert-text{font-size:var(--text-sm);color:inherit;opacity:0.9}.alert-text a{color:inherit;text-decoration:underline;font-weight:var(--font-semibold)}.alert-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:var(--space-1);font-size:var(--text-xl);opacity:0.6;transition:opacity var(--transition-fast);line-height:1;flex-shrink:0}.alert-close:hover{opacity:1}.alert-list{margin-top:var(--space-2);padding-right:var(--space-4)}.alert-list li{padding:var(--space-1) 0;font-size:var(--text-sm);list-style:disc;color:inherit}.alert-sm{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.alert-lg{padding:var(--space-5) var(--space-6);font-size:var(--text-base)}.alert-solid.alert-primary{background:var(--color-primary-500);color:var(--bg-space-dark);border-color:var(--color-primary-500)}.alert-solid.alert-success{background:var(--color-success-500);color:var(--bg-space-dark);border-color:var(--color-success-500)}.alert-solid.alert-warning{background:var(--color-warning-500);color:var(--bg-space-dark);border-color:var(--color-warning-500)}.alert-solid.alert-danger{background:var(--color-danger-500);color:var(--color-white);border-color:var(--color-danger-500)}.toast-container{position:fixed;top:var(--space-6);left:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast-container.top-right{top:var(--space-6);left:auto;right:var(--space-6)}.toast-container.bottom-left{top:auto;bottom:var(--space-6);left:var(--space-6)}.toast-container.bottom-right{top:auto;bottom:var(--space-6);left:auto;right:var(--space-6)}.toast{background:rgba(20,20,50,0.95);backdrop-filter:var(--blur-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:center;box-shadow:var(--shadow-xl);animation:slideInLeft var(--transition-base);color:var(--text-primary);min-width:300px;max-width:400px}.toast.hiding{animation:slideOutLeft var(--transition-base) forwards}.toast.toast-success{border-color:rgba(80,255,120,0.5);border-right:4px solid var(--color-success-500)}.toast.toast-warning{border-color:rgba(255,193,7,0.5);border-right:4px solid var(--color-warning-500)}.toast.toast-danger{border-color:rgba(255,80,80,0.5);border-right:4px solid var(--color-danger-500)}.toast.toast-info{border-color:rgba(79,172,254,0.5);border-right:4px solid var(--color-primary-500)}@keyframes slideOutLeft{to{transform:translateX(-400px);opacity:0}}.toast-icon{font-size:var(--text-2xl);line-height:1;font-family:var(--font-emoji);flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary)}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1);opacity:0.7;transition:opacity var(--transition-fast);line-height:1;flex-shrink:0}.toast-close:hover{opacity:1}.info-box{background:rgba(79,172,254,0.1);border-right:4px solid var(--color-primary-500);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.info-box strong{color:var(--color-primary-500)}.info-box ul{margin-top:var(--space-2);padding-right:var(--space-5)}.info-box ul li{padding:var(--space-1) 0;font-size:var(--text-sm);list-style:disc}.info-box a{color:var(--color-primary-500);text-decoration:none;font-weight:var(--font-semibold)}.info-box a:hover{text-decoration:underline}.warning-box{background:rgba(255,193,7,0.1);border-right:4px solid var(--color-warning-500);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:#ffe082;line-height:var(--leading-relaxed)}.warning-box strong{color:var(--color-warning-500)}.warning-box ul{padding-right:var(--space-5);margin-top:var(--space-2)}.warning-box li{padding:var(--space-1) 0;font-size:var(--text-sm);list-style:disc}@media (max-width:640px){.toast-container{left:var(--space-3);right:var(--space-3);max-width:none}.toast{min-width:auto;max-width:none}.alert{padding:var(--space-3) var(--space-4)}.alert-icon{font-size:var(--text-xl)}}.impersonate-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding:10px 16px;background:linear-gradient(90deg,#f59e0b,#d97706);color:#1a1a1a;font-size:0.9rem;text-align:center;position:relative;z-index:var(--z-fixed);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.impersonate-bar-text strong{font-weight:700}.impersonate-bar-tag{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,0.15);font-size:0.78rem;font-weight:600;white-space:nowrap}.impersonate-bar-form{margin:0;display:inline-flex}.impersonate-bar-btn{border:none;background:rgba(0,0,0,0.15);color:#1a1a1a;padding:6px 14px;border-radius:var(--radius-md,8px);font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;white-space:nowrap}.impersonate-bar-btn:hover{background:rgba(0,0,0,0.28)}@media (max-width:640px){.impersonate-bar{font-size:0.8rem;padding:8px 10px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:var(--blur-md);z-index:var(--z-modal-bg);display:none;justify-content:center;align-items:center;padding:var(--space-5);animation:fadeIn var(--transition-base)}.modal-backdrop.open{display:flex}.modal{background:rgba(20,20,50,0.98);border:1px solid var(--border-color-primary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--transition-base);box-shadow:var(--shadow-2xl);z-index:var(--z-modal)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-full{max-width:95vw;max-height:95vh}.modal-header{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:var(--space-3)}.modal-title{color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;line-height:var(--leading-tight);flex:1}.modal-close{background:rgba(255,80,80,0.15);color:var(--color-danger-500);border:none;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);line-height:1;flex-shrink:0}.modal-close:hover{background:rgba(255,80,80,0.3);transform:scale(1.1)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;color:var(--text-primary);line-height:var(--leading-relaxed)}.modal > form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#globalConfirmMessage{white-space:pre-line}.modal-footer{padding:var(--space-4) var(--space-6);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}.modal-footer.center{justify-content:center}.modal-footer.start{justify-content:flex-start}.modal-footer.stretch .btn{flex:1}.modal-success .modal-title{color:var(--color-success-500)}.modal-success .modal-header{border-bottom-color:rgba(80,255,120,0.2)}.modal-warning .modal-title{color:var(--color-warning-500)}.modal-warning .modal-header{border-bottom-color:rgba(255,193,7,0.2)}.modal-danger .modal-title{color:var(--color-danger-500)}.modal-danger .modal-header{border-bottom-color:rgba(255,80,80,0.2)}.modal-detail-item{display:flex;gap:var(--space-4);padding:var(--space-3);background:rgba(255,255,255,0.03);border-radius:var(--radius-md);margin-bottom:var(--space-3);align-items:flex-start}.modal-detail-icon{font-size:var(--text-2xl);width:45px;text-align:center;flex-shrink:0;font-family:var(--font-emoji)}.modal-detail-content{flex:1;min-width:0}.modal-detail-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.modal-detail-value{color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);word-break:break-word}.modal-confirm{max-width:400px;text-align:center}.modal-confirm .modal-body{padding:var(--space-8)}.modal-confirm-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);line-height:1;font-family:var(--font-emoji)}.modal-confirm-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.modal-confirm-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.modal-confirm-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.drawer{position:fixed;top:0;height:100%;background:rgba(20,20,50,0.98);backdrop-filter:var(--blur-lg);border-left:1px solid var(--border-color);z-index:var(--z-modal);transition:transform var(--transition-slow);display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.drawer.drawer-right{right:0;width:400px;transform:translateX(400px)}.drawer.drawer-right.open{transform:translateX(0)}.drawer.drawer-left{left:0;width:400px;transform:translateX(-400px);border-left:none;border-right:1px solid var(--border-color)}.drawer.drawer-left.open{transform:translateX(0)}.drawer-header{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.drawer-body{padding:var(--space-6);overflow-y:auto;flex:1}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}@media (max-width:640px){.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-md)}.modal-header,.modal-body,.modal-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.modal-title{font-size:var(--text-lg)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.drawer{width:90vw !important}.drawer.drawer-right{transform:translateX(100%)}.drawer.drawer-left{transform:translateX(-100%)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stats-grid-sm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.stats-grid-lg{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);border-color:var(--border-color-primary);box-shadow:var(--shadow-lg)}.stat-simple{text-align:center}.stat-simple .stat-icon{font-size:var(--text-4xl);line-height:1;margin-bottom:var(--space-2);font-family:var(--font-emoji);color:var(--color-primary-500)}.stat-simple .stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-500);line-height:1;margin-bottom:var(--space-2)}.stat-simple .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-horizontal{display:flex;align-items:center;gap:var(--space-4)}.stat-horizontal .stat-icon{font-size:var(--text-3xl);width:60px;height:60px;background:rgba(79,172,254,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-emoji);color:var(--color-primary-500)}.stat-horizontal .stat-info{flex:1;min-width:0}.stat-horizontal .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500);line-height:1.2;margin-bottom:var(--space-1)}.stat-horizontal .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2)}.stat-trend.trend-up{background:rgba(80,255,120,0.15);color:var(--color-success-500)}.stat-trend.trend-up::before{content:'↑'}.stat-trend.trend-down{background:rgba(255,80,80,0.15);color:var(--color-danger-500)}.stat-trend.trend-down::before{content:'↓'}.stat-trend.trend-neutral{background:var(--bg-hover);color:var(--text-muted)}.stat-trend.trend-neutral::before{content:'→'}.stat-card.stat-success{border-color:rgba(80,255,120,0.3);background:linear-gradient(135deg,rgba(80,255,120,0.05),rgba(80,255,120,0.01))}.stat-card.stat-success .stat-icon,.stat-card.stat-success .stat-value{color:var(--color-success-500)}.stat-card.stat-warning{border-color:rgba(255,193,7,0.3);background:linear-gradient(135deg,rgba(255,193,7,0.05),rgba(255,193,7,0.01))}.stat-card.stat-warning .stat-icon,.stat-card.stat-warning .stat-value{color:var(--color-warning-500)}.stat-card.stat-danger{border-color:rgba(255,80,80,0.3);background:linear-gradient(135deg,rgba(255,80,80,0.05),rgba(255,80,80,0.01))}.stat-card.stat-danger .stat-icon,.stat-card.stat-danger .stat-value{color:var(--color-danger-500)}.stat-card.stat-info{border-color:rgba(6,182,212,0.3);background:linear-gradient(135deg,rgba(6,182,212,0.05),rgba(6,182,212,0.01))}.stat-card.stat-info .stat-icon,.stat-card.stat-info .stat-value{color:var(--color-info-500)}.stat-with-chart{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}.stat-with-chart .stat-info{min-width:0}.stat-with-chart .stat-chart{width:80px;height:40px;opacity:0.7}.stat-big{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));border:2px solid var(--border-color-primary);border-radius:var(--radius-lg)}.stat-big .stat-icon{font-size:var(--text-6xl);margin-bottom:var(--space-3);font-family:var(--font-emoji);animation:float 3s ease-in-out infinite}.stat-big .stat-value{font-size:var(--text-5xl);font-weight:var(--font-bold);background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);line-height:1}.stat-big .stat-label{font-size:var(--text-lg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stat-with-progress{padding:var(--space-4)}.stat-with-progress .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.stat-with-progress .stat-title{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-semibold)}.stat-with-progress .stat-percent{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500)}@media (max-width:640px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.stats-grid-sm{grid-template-columns:1fr 1fr}.stat-simple .stat-icon{font-size:var(--text-3xl)}.stat-simple .stat-value{font-size:var(--text-2xl)}.stat-horizontal{flex-direction:column;text-align:center}.stat-horizontal .stat-icon{width:50px;height:50px}.stat-big{padding:var(--space-6)}.stat-big .stat-icon{font-size:var(--text-4xl)}.stat-big .stat-value{font-size:var(--text-3xl)}}.progress{width:100%;height:10px;background:rgba(0,0,0,0.3);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,0.2);position:relative}.progress-bar{height:100%;background:var(--bg-gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slower) ease-in-out;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--bg-space-dark);font-size:var(--text-xs);font-weight:var(--font-bold)}.progress-xs{height:4px}.progress-sm{height:6px}.progress-lg{height:16px}.progress-xl{height:24px}.progress-bar-success{background:var(--bg-gradient-success);color:var(--bg-space-dark)}.progress-bar-warning{background:var(--bg-gradient-warning);color:var(--color-white)}.progress-bar-danger{background:var(--bg-gradient-danger);color:var(--color-white)}.progress-bar-info{background:linear-gradient(90deg,var(--color-info-500),var(--color-info-600));color:var(--color-white)}.progress-bar-rainbow{background:linear-gradient( 90deg,var(--color-primary-500),var(--color-secondary-500),var(--color-success-500) )}.progress-bar-shimmer::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100% );animation:shimmerBar 2s infinite}.progress-striped .progress-bar{background-image:linear-gradient( 45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent );background-size:40px 40px}.progress-striped.progress-animated .progress-bar{animation:progressStripes 1s linear infinite}.progress-with-label{margin-bottom:var(--space-4)}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-label-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.progress-label-value{font-size:var(--text-sm);color:var(--color-primary-500);font-weight:var(--font-bold)}.progress-circle{position:relative;width:120px;height:120px;display:inline-block}.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%}.progress-circle-bg{fill:none;stroke:rgba(0,0,0,0.2);stroke-width:10}.progress-circle-bar{fill:none;stroke:var(--color-primary-500);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slower)}.progress-circle-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center}.progress-circle-value small{font-size:var(--text-xs);display:block;color:var(--text-muted);margin-top:2px}.progress-circle-sm{width:80px;height:80px}.progress-circle-sm .progress-circle-value{font-size:var(--text-lg)}.progress-circle-lg{width:200px;height:200px}.progress-circle-lg .progress-circle-value{font-size:var(--text-4xl)}.progress-circle-lg .progress-circle-bg,.progress-circle-lg .progress-circle-bar{stroke-width:12}.course-progress{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--space-4)}.course-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;gap:var(--space-2)}.course-progress-info strong{color:var(--color-primary-500);font-size:var(--text-base)}.course-progress-bar{height:10px;background:rgba(0,0,0,0.3);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,0.2)}.course-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500),var(--color-success-500));border-radius:var(--radius-full);transition:width 1s ease-in-out;position:relative;overflow:hidden}.course-progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100% );animation:shimmerBar 2s infinite}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(0,0,0,0.2);z-index:var(--z-loader);overflow:hidden}.loading-bar-fill{height:100%;background:var(--bg-gradient-primary);animation:loadingBar 1.5s ease-in-out infinite;width:30%}@keyframes loadingBar{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-5);padding-bottom:2px}.tab{padding:var(--space-3) var(--space-5);color:var(--text-secondary);text-decoration:none;border-bottom:3px solid transparent;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;background:transparent;border-left:none;border-right:none;border-top:none;cursor:pointer;margin-bottom:-2px;display:flex;align-items:center;gap:var(--space-2)}.tab:hover{color:var(--color-primary-500)}.tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500);font-weight:var(--font-bold)}.tab-icon{font-size:var(--text-lg);font-family:var(--font-emoji)}.tabs-vertical{display:flex;flex-direction:column;gap:0;border-bottom:none;border-left:2px solid var(--border-color);padding-bottom:0;padding-left:2px;margin-bottom:0}.tabs-vertical .tab{padding:var(--space-3) var(--space-5);border-bottom:none;border-left:3px solid transparent;text-align:right;margin-bottom:0;margin-left:-2px}.tabs-vertical .tab.active{border-left-color:var(--color-primary-500);border-bottom-color:transparent;background:var(--bg-active)}.pills{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.pill{padding:var(--space-2) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;background:transparent;border:none;cursor:pointer}.pill:hover{color:var(--color-primary-500);background:var(--bg-hover)}.pill.active{background:var(--bg-gradient-primary);color:var(--bg-space-dark);box-shadow:var(--shadow-md)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4);flex-wrap:wrap}.breadcrumb-item{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-item:hover{color:var(--color-primary-500)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-semibold);cursor:default;pointer-events:none}.breadcrumb-separator{color:var(--text-muted);opacity:0.5;font-size:var(--text-xs)}.menu-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-4);background:rgba(255,255,255,0.08);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.menu-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);overflow:hidden;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),inset 0 -2px 0 0 rgba(0,0,0,0.05);min-height:90px}.menu-btn:hover{transform:translateY(-4px);border-color:var(--color-primary-500);background:var(--bg-active);box-shadow:0 20px 25px -5px rgba(79,172,254,0.3)}.menu-btn.active{background:linear-gradient(145deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);border-color:var(--color-primary-800);box-shadow:0 20px 25px -5px rgba(59,130,246,0.5),inset 0 2px 0 0 rgba(255,255,255,0.2);transform:translateY(-2px)}.menu-btn-icon{font-size:var(--text-3xl);line-height:1;font-family:var(--font-emoji);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.menu-btn-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-bold);text-align:center;letter-spacing:0;font-family:var(--font-primary);line-height:var(--leading-tight)}.menu-btn.active .menu-btn-label{color:var(--color-white);font-weight:var(--font-extrabold)}.menu-btn.menu-btn-logout{background:var(--bg-secondary);border-color:var(--color-danger-500)}.menu-btn.menu-btn-logout:hover{background:rgba(239,68,68,0.1);border-color:var(--color-danger-600);box-shadow:0 20px 25px -5px rgba(239,68,68,0.4)}.menu-btn.menu-btn-logout .menu-btn-label{color:var(--color-danger-500)}.menu-btn.menu-btn-warning{background:var(--bg-secondary);border-color:var(--color-warning-500)}.menu-btn.menu-btn-warning:hover{background:rgba(217,119,6,0.1);border-color:var(--color-warning-600);box-shadow:0 20px 25px -5px rgba(217,119,6,0.4)}.menu-btn.menu-btn-warning .menu-btn-label{color:var(--color-warning-500)}.menu-btn.menu-btn-highlight{background:var(--bg-secondary);border-color:var(--color-warning-500)}.menu-btn.menu-btn-highlight:hover{background:rgba(217,119,6,0.1);border-color:var(--color-warning-600);box-shadow:0 20px 25px -5px rgba(217,119,6,0.4)}.menu-btn.menu-btn-highlight .menu-btn-label{color:var(--color-warning-500)}.menu-btn.menu-btn-highlight.active{background:linear-gradient(145deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%);border-color:var(--color-warning-700)}.menu-btn.menu-btn-highlight.active .menu-btn-label{color:var(--color-white)}.menu-btn-badge{position:absolute;top:6px;right:6px;background:var(--color-danger-500);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px rgba(220,38,38,0.5);border:2px solid var(--color-white);animation:pulseScale 2s infinite;z-index:1}.menu-btn-badge.badge-info{background:var(--color-primary-500)}.steps{display:flex;gap:0;margin-bottom:var(--space-6);position:relative}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);position:relative;cursor:pointer}.step:not(:last-child)::after{content:'';position:absolute;top:30px;left:0;right:50%;height:3px;background:var(--border-color);z-index:0;transform:translateX(-50%)}.step.completed:not(:last-child)::after,.step.active:not(:last-child)::after{background:var(--bg-gradient-primary)}.step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-secondary);border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);color:var(--text-muted);position:relative;z-index:1;transition:all var(--transition-base)}.step.active .step-number{background:var(--bg-gradient-primary);border-color:var(--color-primary-500);color:var(--bg-space-dark);box-shadow:var(--shadow-primary);transform:scale(1.1)}.step.completed .step-number{background:var(--color-success-500);border-color:var(--color-success-500);color:var(--bg-space-dark)}.step.completed .step-number::before{content:'✓'}.step-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center}.step.active .step-title,.step.completed .step-title{color:var(--text-primary)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.dropdown-toggle::after{content:'▼';font-size:var(--text-xs);margin-right:var(--space-1);transition:transform var(--transition-fast)}.dropdown.open .dropdown-toggle::after{transform:rotate(180deg)}.dropdown-menu{display:none;position:absolute;top:100%;right:0;min-width:200px;background:rgba(20,20,50,0.98);backdrop-filter:var(--blur-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-dropdown);margin-top:var(--space-2);animation:fadeInDown var(--transition-fast)}.dropdown.open .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-sm);cursor:pointer;width:100%;background:transparent;border:none;text-align:right}.dropdown-item:hover{background:var(--bg-hover);color:var(--color-primary-500)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--space-2) 0}@media (max-width:768px){.menu-buttons{grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3)}.menu-btn{padding:var(--space-3);min-height:80px}.menu-btn-icon{font-size:var(--text-2xl)}.menu-btn-label{font-size:var(--text-xs)}.steps{flex-direction:column;gap:var(--space-4)}.step:not(:last-child)::after{display:none}}@media (max-width:480px){.menu-buttons{grid-template-columns:repeat(2,1fr)}.tabs{gap:var(--space-1)}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis}}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pr-0{padding-right:0}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pl-0{padding-left:0}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-auto{margin-right:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-auto{margin-left:auto}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1536px}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}@media (max-width:640px){.sm\:text-xs{font-size:var(--text-xs)}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:text-xl{font-size:var(--text-xl)}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-left{text-align:left}}@media (max-width:1280px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:flex{display:flex !important}.lg\:grid{display:grid !important}.lg\:inline-block{display:inline-block !important}}@media (max-width:1024px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:flex{display:flex !important}.md\:grid{display:grid !important}.md\:inline-block{display:inline-block !important}}@media (max-width:768px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:flex{display:flex !important}.sm\:grid{display:grid !important}.sm\:inline-block{display:inline-block !important}}@media (max-width:480px){.xs\:hidden{display:none !important}.xs\:block{display:block !important}.xs\:flex{display:flex !important}.xs\:grid{display:grid !important}}@media (max-width:768px){.sm\:flex-col{flex-direction:column !important}.sm\:flex-row{flex-direction:row !important}.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:items-center{align-items:center !important}.sm\:justify-center{justify-content:center !important}.sm\:justify-between{justify-content:space-between !important}}@media (max-width:768px){.sm\:p-2{padding:var(--space-2) !important}.sm\:p-3{padding:var(--space-3) !important}.sm\:p-4{padding:var(--space-4) !important}.sm\:m-0{margin:0 !important}.sm\:m-2{margin:var(--space-2) !important}.sm\:m-3{margin:var(--space-3) !important}}@media (max-width:768px){.sm\:w-full{width:100% !important}.sm\:w-auto{width:auto !important}.sm\:w-1\/2{width:50% !important}}.mobile-only{display:block}.tablet-only{display:none}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-only{display:block}.desktop-only{display:none}}@media (min-width:1024px){.mobile-only{display:none}.tablet-only{display:none}.desktop-only{display:block}}@media (hover:none) and (pointer:coarse){button,a,.btn,[role="button"]{min-height:44px;min-width:44px}.btn:hover,.card:hover,.menu-btn:hover{transform:none !important}body{font-size:15px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{transform:none !important}}@media print{.no-print,.sidebar,.header,.footer,button{display:none !important}body{font-size:12pt}a[href]::after{content:" (" attr(href) ")";font-size:10pt}.container{max-width:100% !important}}@media (prefers-contrast:high){:root{--border-color:rgba(255,255,255,0.5);--text-secondary:rgba(255,255,255,0.95)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.rounded-none{border-radius:0}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border-0{border:0}.border{border:1px solid var(--border-color)}.border-2{border:2px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-primary{border-color:var(--color-primary-500)}.border-success{border-color:var(--color-success-500)}.border-warning{border-color:var(--color-warning-500)}.border-danger{border-color:var(--color-danger-500)}.bg-transparent{background:transparent}.bg-primary{background:var(--color-primary-500)}.bg-secondary{background:var(--bg-secondary)}.bg-success{background:var(--color-success-500)}.bg-warning{background:var(--color-warning-500)}.bg-danger{background:var(--color-danger-500)}.bg-info{background:var(--color-info-500)}.bg-white{background:var(--color-white)}.bg-black{background:var(--color-black)}.bg-gradient-primary{background:var(--bg-gradient-primary)}.bg-gradient-success{background:var(--bg-gradient-success)}.bg-gradient-warning{background:var(--bg-gradient-warning)}.bg-gradient-danger{background:var(--bg-gradient-danger)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-danger{box-shadow:var(--shadow-danger)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.opacity-0{opacity:0}.opacity-25{opacity:0.25}.opacity-50{opacity:0.5}.opacity-75{opacity:0.75}.opacity-100{opacity:1}.backdrop-blur-sm{backdrop-filter:var(--blur-sm)}.backdrop-blur-md{backdrop-filter:var(--blur-md)}.backdrop-blur-lg{backdrop-filter:var(--blur-lg)}.backdrop-blur-xl{backdrop-filter:var(--blur-xl)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.divide-y > * + *{border-top:1px solid var(--border-color)}.divide-x > * + *{border-right:1px solid var(--border-color)}.ring-0{box-shadow:none}.ring-1{box-shadow:0 0 0 1px var(--color-primary-500)}.ring-2{box-shadow:0 0 0 2px var(--color-primary-500)}.ring-4{box-shadow:0 0 0 4px var(--color-primary-500)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{.print-hidden{display:none !important}.print-block{display:block !important}}@media screen{.screen-hidden{display:none !important}}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1100px;width:100%;align-items:center}.auth-card{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);max-width:500px;width:100%;backdrop-filter:var(--blur-md)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{font-size:60px;margin-bottom:var(--space-3);line-height:1;animation:float 3s ease-in-out infinite;font-family:var(--font-emoji)}.auth-title{background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--text-3xl);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-muted);font-size:var(--text-base)}.auth-divider{text-align:center;margin:var(--space-5) 0;position:relative;color:var(--text-muted);font-size:var(--text-sm)}.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:45%;height:1px;background:var(--border-color)}.auth-divider::before{right:0}.auth-divider::after{left:0}.auth-footer{text-align:center;color:var(--text-secondary)}.auth-footer p{margin-bottom:var(--space-4)}.auth-link{color:var(--color-primary-500);font-weight:var(--font-bold);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-demo{background:var(--bg-hover);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-4);text-align:right}.auth-demo summary{color:var(--color-primary-500);font-weight:var(--font-semibold);cursor:pointer;padding:var(--space-2);text-align:center}.demo-accounts{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.demo-account{padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.demo-account code{background:var(--bg-active);color:var(--color-primary-500);padding:2px 6px;border-radius:var(--radius-xs);font-family:monospace;font-size:var(--text-xs)}.auth-info{padding:var(--space-8);text-align:center}.auth-info h2{color:var(--color-primary-500);font-size:var(--text-3xl);margin-bottom:var(--space-3)}.auth-info p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.auth-features,.auth-benefits{display:flex;flex-direction:column;gap:var(--space-3);max-width:350px;margin:0 auto}.auth-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);backdrop-filter:var(--blur-sm)}.auth-feature:hover{transform:translateX(-5px);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.feature-icon,.benefit-icon{font-size:var(--text-2xl);font-family:var(--font-emoji);flex-shrink:0}.benefit-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:flex-start;backdrop-filter:var(--blur-sm)}.benefit-item:hover{transform:translateX(-5px);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.benefit-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-active);border-radius:var(--radius-md)}.benefit-item h4{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-1)}.benefit-item p{color:var(--text-muted);font-size:var(--text-sm);margin:0;text-align:right}@media (max-width:900px){.auth-container{grid-template-columns:1fr}.auth-info{display:none}}@media (max-width:500px){.auth-card{padding:var(--space-5)}.auth-logo{font-size:45px}.auth-title{font-size:var(--text-2xl)}}.home-hero{text-align:center;padding:var(--space-16) var(--space-4);position:relative;overflow:hidden}.home-hero-title{font-size:clamp(28px,5vw,56px);font-weight:var(--font-black);background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);line-height:1.2;animation:fadeInUp 0.8s ease}.home-hero-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 0.8s ease 0.2s backwards}.home-hero-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;animation:fadeInUp 0.8s ease 0.4s backwards}.home-section-title{text-align:center;font-size:clamp(24px,4vw,36px);margin:var(--space-16) 0 var(--space-8);background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-10) 0}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin:var(--space-8) 0}.feature-card{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-base);backdrop-filter:var(--blur-sm)}.feature-card:hover{transform:translateY(-10px);border-color:var(--color-primary-500);box-shadow:var(--shadow-xl)}.feature-icon{font-size:60px;margin-bottom:var(--space-4);line-height:1;font-family:var(--font-emoji)}.feature-card h3{color:var(--color-primary-500);font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.home-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);margin:var(--space-8) 0}.home-class-card{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base);backdrop-filter:var(--blur-sm);position:relative;overflow:hidden}.home-class-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--bg-gradient-primary)}.home-class-card:hover{transform:translateY(-5px);border-color:var(--color-primary-500);box-shadow:var(--shadow-lg)}.class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-2)}.class-card-title{color:var(--color-primary-500);font-size:var(--text-lg);flex:1}.class-card-info{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.class-info-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.class-info-icon{font-size:var(--text-base);font-family:var(--font-emoji)}.class-card-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-secondary-500);margin:var(--space-3) 0;text-align:center;padding:var(--space-3);background:var(--bg-active);border-radius:var(--radius-md)}.home-cta{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));border:2px solid var(--border-color-primary);padding:var(--space-12) var(--space-6);border-radius:var(--radius-2xl);text-align:center;margin:var(--space-10) 0;backdrop-filter:var(--blur-md)}.home-cta h2{font-size:clamp(24px,4vw,36px);background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-3)}.home-cta p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.home-cta-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.report-container{max-width:1200px;margin:0 auto}.report-section{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-5);backdrop-filter:var(--blur-sm)}.report-title{color:var(--color-primary-500);font-size:var(--text-2xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:var(--space-3)}.report-title-icon{font-size:var(--text-3xl);font-family:var(--font-emoji)}.report-table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}.report-table th,.report-table td{padding:var(--space-3);text-align:right;border-bottom:1px solid var(--border-color)}.report-table th{background:var(--bg-tertiary);color:var(--color-primary-500);font-weight:var(--font-bold)}.report-table tr:hover{background:var(--bg-hover)}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.report-summary-card{background:linear-gradient(135deg,rgba(79,172,254,0.1),rgba(0,242,254,0.03));padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color-primary);text-align:center}.report-summary-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--space-2)}.report-summary-label{color:var(--text-secondary);font-size:var(--text-sm)}@media print{.report-section{border:1px solid #000;background:white;color:black}.report-title{color:black;border-bottom-color:black}.report-table th,.report-table td{border-bottom-color:black}}.student-hero{background:linear-gradient(135deg,rgba(79,172,254,0.15) 0%,rgba(0,242,254,0.08) 50%,rgba(79,172,254,0.15) 100%);border:2px solid rgba(79,172,254,0.25);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.student-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,0.08) 0%,transparent 60%);animation:rotateGradient 30s linear infinite;pointer-events:none}.student-hero > *{position:relative;z-index:1}.student-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3);padding:var(--space-4);background:rgba(255,255,255,0.08);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:var(--shadow-md)}.student-hero-content{text-align:center;padding:var(--space-4) 0}.student-hero-logo{font-size:55px;margin-bottom:var(--space-3);line-height:1;font-family:var(--font-emoji);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(79,172,254,0.5))}.student-hero-title{font-size:clamp(22px,4vw,32px);font-weight:var(--font-bold);background:linear-gradient(135deg,#4facfe 0%,#00f2fe 50%,#4facfe 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);animation:shine 3s linear infinite;letter-spacing:var(--tracking-wide)}.student-hero-subtitle{font-size:var(--text-md);color:var(--color-primary-500);opacity:0.85;margin-bottom:var(--space-4);letter-spacing:var(--tracking-widest)}.student-hero-divider{width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary-500),transparent);margin:var(--space-4) auto;border-radius:2px}.student-hero-welcome{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--text-primary)}.student-hero-welcome strong{color:var(--color-secondary-500);text-shadow:0 2px 10px rgba(0,242,254,0.4)}.student-tabs{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-3);padding:var(--space-4);background:rgba(255,255,255,0.08);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--space-5)}.student-events-card{background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(6,182,212,0.03));border:2px solid rgba(6,182,212,0.3);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.student-events-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.student-events-icon{font-size:var(--text-2xl);font-family:var(--font-emoji)}.student-events-header h3{color:var(--color-info-500);font-size:var(--text-lg);margin:0}.student-events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.event-card{background:rgba(0,0,0,0.2);border:1px solid rgba(6,182,212,0.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start;transition:all var(--transition-base)}.event-card:hover{background:rgba(6,182,212,0.08);border-color:rgba(6,182,212,0.4);transform:translateY(-2px)}.event-card-icon{font-size:var(--text-xl);font-family:var(--font-emoji);width:38px;height:38px;background:rgba(6,182,212,0.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-card-content{flex:1;min-width:0}.event-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);word-break:break-word}.event-card-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}[data-theme="light"] .student-events-card{background:linear-gradient(135deg,rgba(6,182,212,0.08),rgba(6,182,212,0.02))}[data-theme="light"] .event-card{background:rgba(6,182,212,0.04)}.student-class-card{background:linear-gradient(135deg,rgba(79,172,254,0.1),rgba(0,242,254,0.03));border:2px solid var(--border-color-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden}.student-class-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid rgba(79,172,254,0.15);flex-wrap:wrap}.student-class-icon{font-size:var(--text-4xl);background:var(--bg-gradient-primary);width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md);color:var(--bg-space-dark);font-family:var(--font-emoji)}.student-class-title{flex:1;min-width:200px}.student-class-title h2{color:var(--color-primary-500);font-size:var(--text-2xl);margin-bottom:var(--space-1)}.student-class-title p{font-size:var(--text-sm);color:var(--text-secondary)}.student-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.btn-online{background:var(--bg-gradient-success);color:var(--bg-space-dark);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-bold);font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:all var(--transition-base);box-shadow:var(--shadow-success);animation:pulseGlow 2s infinite}.btn-online:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(80,255,120,0.5)}@keyframes pulseGlow{0%,100%{box-shadow:var(--shadow-success)}50%{box-shadow:0 5px 30px rgba(80,255,120,0.6)}}.student-progress{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(79,172,254,0.15)}.student-progress-info{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;gap:var(--space-2)}.student-progress-info strong{color:var(--color-primary-500)}.student-progress-bar{height:10px;background:rgba(0,0,0,0.3);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inner)}.student-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500),var(--color-success-500));border-radius:var(--radius-full);transition:width 1s ease-in-out;position:relative;overflow:hidden}.student-progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);animation:shimmerBar 2s infinite}.student-finance{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.student-no-class{background:linear-gradient(135deg,rgba(255,193,7,0.1),rgba(255,152,0,0.05));border:2px solid rgba(255,193,7,0.3);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;gap:var(--space-5);align-items:center;margin-bottom:var(--space-5)}.student-no-class-icon{font-size:60px;line-height:1;font-family:var(--font-emoji)}.student-no-class h3{color:var(--color-warning-500);margin-bottom:var(--space-2)}.student-no-class p{color:var(--text-secondary);margin-bottom:var(--space-4)}.assignment-card{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-color);border-right:4px solid var(--border-color);transition:all var(--transition-base)}.assignment-card.submitted{border-right-color:var(--color-warning-500)}.assignment-card.graded{border-right-color:var(--color-success-500)}.assignment-card:hover{transform:translateX(-3px);box-shadow:var(--shadow-md)}.assignment-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.assignment-header h3{color:var(--color-primary-500);font-size:var(--text-lg)}.assignment-meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.assignment-desc{color:var(--text-secondary);margin:var(--space-3) 0;padding:var(--space-3);background:rgba(0,0,0,0.15);border-radius:var(--radius-md);line-height:var(--leading-relaxed)}.assignment-file a{color:var(--color-primary-500);text-decoration:none}.assignment-file a:hover{text-decoration:underline}.assignment-feedback{background:rgba(79,172,254,0.1);padding:var(--space-3);border-radius:var(--radius-md);margin:var(--space-3) 0;border-right:3px solid var(--color-primary-500)}.assignment-date{font-size:var(--text-xs);color:var(--text-muted)}.assignment-upload{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.message-card{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--border-color);transition:all var(--transition-base)}.message-card.unread{border-right:4px solid var(--color-primary-500);background:rgba(79,172,254,0.05)}.message-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.message-subject{color:var(--color-primary-500);margin-bottom:var(--space-2);font-weight:var(--font-bold)}.message-body{line-height:var(--leading-loose);color:var(--text-secondary)}.report-card-print{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);border:2px solid var(--border-color-primary);max-width:700px;margin:0 auto;position:relative}.report-card-print.has-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.report-card-print.has-bg > *{position:relative;z-index:1;color:var(--report-card-fg,#1a1a2e);text-shadow:0 1px 3px rgba(255,255,255,0.7),0 0 8px rgba(255,255,255,0.5)}.report-card-print.has-bg .report-card-header h2,.report-card-print.has-bg .report-card-table th{color:var(--report-card-fg,var(--color-primary-600,#2563eb))}.report-card-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-color-primary)}.report-card-header h2{color:var(--color-primary-500)}.report-card-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:rgba(0,0,0,0.2);border-radius:var(--radius-md)}.report-card-table{width:100%;border-collapse:collapse}.report-card-table th,.report-card-table td{padding:var(--space-4);text-align:center;border:1px solid var(--border-color)}.report-card-table th{background:rgba(79,172,254,0.15);color:var(--color-primary-500)}.report-card-gpa{background:rgba(79,172,254,0.1)}.report-card-gpa td{font-size:var(--text-xl);color:var(--color-secondary-500)}.report-card-row-locked{opacity:0.5;filter:grayscale(0.6)}.report-card-row-locked td{color:var(--text-muted);font-size:var(--text-sm)}.report-card-row-locked.report-card-gpa td{font-size:var(--text-base)}.report-card-footer{text-align:center;margin-top:var(--space-5);color:var(--text-muted);font-size:var(--text-xs)}.star-rating{display:inline-flex;direction:ltr;gap:var(--space-1)}.star-rating input{display:none}.star-rating label{font-size:var(--text-3xl);cursor:pointer;opacity:0.4;transition:opacity var(--transition-fast);color:var(--color-warning-500);font-family:var(--font-emoji)}.star-rating input:checked ~ label,.star-rating label:hover,.star-rating label:hover ~ label{opacity:1}@media (max-width:1200px){.student-nav{grid-template-columns:repeat(3,1fr)}.student-tabs{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.student-nav,.student-tabs{grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3)}.student-hero{padding:var(--space-4)}.student-class-header{flex-direction:column;text-align:center}.student-class-grid{grid-template-columns:1fr 1fr}.student-finance{grid-template-columns:1fr}.student-no-class{flex-direction:column;text-align:center}.btn-online{width:100%;justify-content:center}.report-card-info{grid-template-columns:1fr}}@media (max-width:500px){.student-nav,.student-tabs{grid-template-columns:repeat(3,1fr)}.student-hero-title{font-size:var(--text-xl)}.student-hero-welcome{flex-direction:column;gap:var(--space-1)}.student-class-grid{grid-template-columns:1fr}.assignment-upload{flex-direction:column}}@page{size:A4;margin:0}@media print{.student-hero,.student-nav,.student-tabs,.student-finance,.student-class-card,.dashboard-sidebar,.sidebar-toggle,.sidebar-overlay,.header,.footer,.settings-panel{display:none !important}.dashboard{grid-template-columns:1fr !important;display:block !important}html,body{margin:0 !important;padding:0 !important;background:#fff !important}.container,.main-content{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important}.report-card-print{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;color-adjust:exact !important;border-color:#000 !important;box-shadow:none !important;max-width:none !important;width:210mm;height:297mm;margin:0 auto !important;padding:15mm !important;box-sizing:border-box;page-break-after:auto;break-after:auto;page-break-inside:avoid;break-inside:avoid;overflow:hidden;border-radius:0 !important}.report-card-actions{display:none !important}}.teacher-readonly{background:rgba(255,193,7,0.12);border-right:4px solid var(--color-warning-500);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);color:#ffe29a;font-size:var(--text-sm)}.teacher-class-selector{background:rgba(79,172,254,0.1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;border:1px solid var(--border-color-primary)}.teacher-class-selector label{font-weight:var(--font-bold);color:var(--color-primary-500)}.teacher-class-selector select{padding:var(--space-2) var(--space-4);background:rgba(0,0,0,0.3);border:1px solid rgba(79,172,254,0.5);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);min-width:250px}.teacher-class-selector select option{background:var(--bg-space-mid)}.teacher-class-info{background:linear-gradient(135deg,rgba(79,172,254,0.1),rgba(0,242,254,0.05));border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.teacher-class-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(79,172,254,0.2);flex-wrap:wrap;gap:var(--space-3)}.teacher-class-info-header h3{color:var(--color-primary-500);font-size:var(--text-xl)}.teacher-class-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.teacher-assignment{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--border-color)}.teacher-assignment-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.teacher-assignment-header h4{color:var(--color-primary-500)}.submission-item{background:rgba(0,0,0,0.15);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2)}.submission-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.submission-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.grade-form{display:flex;gap:var(--space-2);align-items:center;flex:1;flex-wrap:wrap}.grade-form input[type="number"]{width:80px}.grade-form input[type="text"]{flex:1;min-width:120px}.attendance-table input,.attendance-table select{padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-sm)}.report-grade-cell{font-weight:var(--font-bold);font-size:var(--text-base);text-align:center}.grade-excellent{color:var(--color-success-500)}.grade-good{color:var(--color-primary-500)}.grade-average{color:var(--color-warning-500)}.grade-pass{color:#ff9800}.grade-fail{color:var(--color-danger-500)}.gpa-highlight{background:rgba(79,172,254,0.1);font-size:var(--text-lg) !important;color:var(--color-primary-500) !important}.grade-letter{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm);min-width:40px;text-align:center}.grade-a-plus,.grade-a{background:rgba(80,255,120,0.2);color:var(--color-success-500)}.grade-b-plus,.grade-b{background:rgba(79,172,254,0.2);color:var(--color-primary-500)}.grade-c-plus,.grade-c{background:rgba(255,193,7,0.2);color:var(--color-warning-500)}.grade-f{background:rgba(255,80,80,0.2);color:var(--color-danger-500)}.failed-row{opacity:0.6;background:rgba(255,80,80,0.03)}.rank-icon{font-size:var(--text-2xl);font-family:var(--font-emoji)}.rank-number{display:inline-block;background:rgba(79,172,254,0.15);color:var(--color-primary-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-bold);min-width:30px;text-align:center}.top-student-card{background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.05));border:2px solid rgba(255,193,7,0.4);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex;gap:var(--space-5);align-items:center}.top-student-icon{font-size:60px;font-family:var(--font-emoji)}.top-student-label{color:var(--color-warning-500);font-size:var(--text-xs);margin-bottom:var(--space-1)}.top-student-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.top-student-score{color:var(--color-warning-500);font-size:var(--text-base)}.teacher-report-card{background:linear-gradient(135deg,var(--color-white) 0%,#f0f8ff 100%);color:#333;padding:var(--space-8);border-radius:var(--radius-lg);max-width:900px;margin:var(--space-5) auto;box-shadow:var(--shadow-xl)}.teacher-report-header{display:flex;align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:3px double var(--color-primary-500);margin-bottom:var(--space-6)}.teacher-report-logo{font-size:60px;font-family:var(--font-emoji)}.teacher-report-title{flex:1}.teacher-report-title h1{color:var(--color-primary-500);margin:0 0 var(--space-1) 0;font-size:var(--text-3xl)}.teacher-report-title p{color:#666;margin:0}.teacher-report-rank{text-align:center;background:var(--bg-gradient-primary);color:var(--color-white);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);min-width:100px}.teacher-report-rank-value{font-size:var(--text-3xl);font-weight:var(--font-bold)}.teacher-report-rank-text{font-size:var(--text-xs);opacity:0.9}.teacher-report-student-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);background:#f9f9f9;padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.teacher-report-student-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid #eee}.teacher-report-student-item span{color:#666}.teacher-report-student-item strong{color:#333}.teacher-report-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-6)}.teacher-report-table th{background:var(--bg-gradient-primary);color:var(--color-white);padding:var(--space-4);text-align:right;font-size:var(--text-base)}.teacher-report-table td{padding:var(--space-4);border-bottom:1px solid #eee;color:#333;font-size:var(--text-base)}.teacher-report-table tr:nth-child(even) td{background:#fafafa}.teacher-report-table .score-cell{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-500);text-align:center;min-width:100px}.teacher-report-gpa-row{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05))}.teacher-report-gpa-row td{background:transparent !important;font-size:var(--text-xl) !important}.teacher-report-gpa-cell{color:var(--color-primary-500) !important;font-size:var(--text-2xl) !important}.teacher-report-result{padding:var(--space-6);border-radius:var(--radius-md);display:flex;gap:var(--space-5);align-items:center;margin-bottom:var(--space-6)}.teacher-report-result.passed{background:rgba(80,255,120,0.15);border:2px solid var(--color-success-500)}.teacher-report-result.failed{background:rgba(255,80,80,0.15);border:2px solid var(--color-danger-500)}.teacher-report-result-icon{font-size:60px;font-family:var(--font-emoji)}.teacher-report-signature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-top:var(--space-10);padding-top:var(--space-5);border-top:2px dashed #ccc}.teacher-report-signature-block{text-align:center}.teacher-report-signature-line{border-top:2px solid #333;margin:50px 20px 8px}.teacher-report-signature-block p{color:#666;font-size:var(--text-sm);margin:0}@media (max-width:768px){.teacher-class-selector{flex-direction:column}.teacher-class-selector select{min-width:auto;width:100%}.teacher-class-info-grid{grid-template-columns:1fr}.top-student-card{flex-direction:column;text-align:center}.teacher-report-card{padding:var(--space-5)}.teacher-report-header{flex-direction:column;text-align:center}.teacher-report-student-info{grid-template-columns:1fr}.teacher-report-signature{grid-template-columns:1fr}.grade-form{flex-direction:column}.grade-form input[type="number"],.grade-form input[type="text"]{width:100%}}@media print{.teacher-readonly,.teacher-class-selector,.teacher-class-info,.sidebar,.header,.footer,.settings-panel{display:none !important}.teacher-report-card{box-shadow:none !important;margin:0 !important;max-width:100% !important}}.admin-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.admin-page-title{background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--text-3xl)}.admin-quick-actions{background:rgba(255,255,255,0.03);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid var(--border-color)}.admin-quick-actions h3{margin-bottom:var(--space-4);color:var(--text-primary)}.admin-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.admin-quick-item{padding:var(--space-4);background:rgba(79,172,254,0.05);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;text-align:center;transition:all var(--transition-base);border:1px solid rgba(79,172,254,0.2)}.admin-quick-item:hover{background:rgba(79,172,254,0.15);transform:translateY(-3px);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.admin-quick-item.highlight{background:linear-gradient(135deg,rgba(255,193,7,0.15),rgba(255,152,0,0.1));border-color:rgba(255,193,7,0.3)}.admin-quick-item.highlight:hover{background:linear-gradient(135deg,rgba(255,193,7,0.25),rgba(255,152,0,0.2))}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.admin-list-item:last-child{border-bottom:none}.role-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);margin-right:var(--space-2)}.role-admin{background:rgba(255,193,7,0.2);color:var(--color-warning-500)}.role-teacher{background:rgba(79,172,254,0.2);color:var(--color-primary-500)}.role-student{background:rgba(80,255,120,0.2);color:var(--color-success-500)}.admin-search{margin-bottom:var(--space-4)}.admin-search form{display:flex;gap:var(--space-3);flex-wrap:wrap}.admin-search .form-input{flex:1;min-width:200px}.admin-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:nowrap}.admin-cell-user{display:flex;flex-direction:column;gap:var(--space-1)}.admin-cell-user strong{color:var(--text-primary)}.admin-cell-user small{color:var(--text-muted);font-size:var(--text-xs)}.admin-info-box{background:rgba(79,172,254,0.1);border-right:4px solid var(--color-primary-500);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.admin-info-box strong{color:var(--color-primary-500)}.admin-info-box a{color:var(--color-primary-500);text-decoration:none;font-weight:var(--font-semibold)}.admin-info-box a:hover{text-decoration:underline}.admin-info-box ul{margin-top:var(--space-2);padding-right:var(--space-5)}.admin-info-box li{padding:var(--space-1) 0;font-size:var(--text-sm);list-style:disc}.teacher-profile-card{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));padding:var(--space-6);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);align-items:center;margin-bottom:var(--space-6);border:1px solid var(--border-color-primary)}.teacher-profile-avatar{font-size:80px;background:rgba(79,172,254,0.15);width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:3px solid var(--color-primary-500);flex-shrink:0;font-family:var(--font-emoji)}.teacher-profile-info h2{color:var(--color-primary-500);margin-bottom:var(--space-3)}.teacher-profile-info p{margin:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.admin-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.admin-class-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base)}.admin-class-card.status-open{border-right:4px solid var(--color-success-500)}.admin-class-card.status-closed{border-right:4px solid var(--color-warning-500)}.admin-class-card.status-finished{border-right:4px solid var(--color-danger-500);opacity:0.8}.admin-class-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.admin-class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);gap:var(--space-3)}.admin-class-card-header h4{color:var(--color-primary-500);font-size:var(--text-lg);flex:1}.admin-class-card-body p{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.admin-class-card-actions{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-excel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.admin-excel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.admin-excel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-color-primary)}.admin-excel-header{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.admin-excel-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);flex-shrink:0;font-family:var(--font-emoji)}.admin-excel-header h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-1)}.admin-excel-header p{color:var(--color-primary-500);font-size:var(--text-sm)}.admin-excel-actions{display:flex;flex-direction:column;gap:var(--space-3)}.admin-excel-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);text-decoration:none;text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;cursor:pointer;font-family:var(--font-primary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.admin-excel-export{background:rgba(80,255,120,0.15);color:var(--color-success-500);border:1px solid rgba(80,255,120,0.3)}.admin-excel-export:hover{background:rgba(80,255,120,0.25);transform:translateX(-3px)}.admin-excel-template{background:rgba(255,193,7,0.15);color:var(--color-warning-500);border:1px solid rgba(255,193,7,0.3)}.admin-excel-template:hover{background:rgba(255,193,7,0.25);transform:translateX(-3px)}.admin-excel-import{background:rgba(79,172,254,0.15);color:var(--color-primary-500);border:1px solid rgba(79,172,254,0.3)}.admin-excel-import:hover{background:rgba(79,172,254,0.25);transform:translateX(-3px)}.inactive-row{opacity:0.5}.assigned-date{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(79,172,254,0.1);color:var(--color-primary-500);border-radius:var(--radius-full);font-size:var(--text-xs);margin:0 var(--space-1)}@media (max-width:1024px){.admin-two-col{grid-template-columns:1fr}}@media (max-width:768px){.admin-page-head{flex-direction:column;text-align:center}.admin-quick-grid{grid-template-columns:1fr}.admin-class-grid,.admin-excel-grid{grid-template-columns:1fr}.teacher-profile-card{flex-direction:column;text-align:center}.admin-search form{flex-direction:column}}@media print{.admin-page-head button,.admin-quick-actions,.admin-search,.sidebar,.header,.footer,.settings-panel{display:none !important}.dashboard{grid-template-columns:1fr !important}}.sidebar-nav{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:var(--space-4);gap:var(--space-2)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.sidebar-logo{font-size:var(--text-2xl)}.sidebar-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);background:rgba(0,0,0,0.15);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.sidebar-user-avatar{font-size:var(--text-2xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(79,172,254,0.15);border-radius:50%;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sidebar-user-info strong{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-muted)}.sidebar-menu{display:flex;flex-direction:column;gap:var(--space-1);flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;cursor:pointer;border:none;background:none;width:100%;font-size:var(--text-sm)}.sidebar-item:hover{background:rgba(79,172,254,0.1);color:var(--text-primary)}.sidebar-item.active{background:linear-gradient(135deg,rgba(79,172,254,0.2),rgba(0,242,254,0.1));color:var(--color-primary-400);border-right:3px solid var(--color-primary-500)}.sidebar-icon{font-size:var(--text-lg);flex-shrink:0;width:24px;text-align:center}.sidebar-label{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{font-size:var(--text-xs);flex-shrink:0}.sidebar-divider{height:1px;background:var(--border-color);margin:var(--space-2) var(--space-2);opacity:0.5}.sidebar-section{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--text-xs);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-warning-500);font-weight:var(--font-semibold)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.sidebar-logout{color:var(--color-error-400)}.sidebar-logout:hover{background:rgba(255,71,87,0.1);color:var(--color-error-400)}@media (max-width:1024px){.dashboard-sidebar{position:fixed;right:-280px;top:0;width:280px;height:100vh;z-index:1050;transition:right var(--transition-base);box-shadow:var(--shadow-xl);background:var(--bg-primary);border-left:1px solid var(--border-color)}.dashboard-sidebar.open{right:0}.dashboard-sidebar .sidebar-nav{background:transparent;border-left:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1040}.sidebar-overlay.open{display:block}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-gradient-primary);color:var(--bg-space-dark);border:2px solid rgba(255,255,255,0.35);border-radius:var(--radius-full);font-size:var(--text-xl);font-family:var(--font-emoji);cursor:pointer;position:fixed;top:calc(var(--header-height) + var(--space-3));right:var(--space-4);z-index:1055;box-shadow:0 4px 14px rgba(79,172,254,0.55),0 0 0 4px rgba(10,10,46,0.35)}}@media (min-width:1025px){.sidebar-toggle,.sidebar-overlay{display:none !important}}.roles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.roles-sections{display:flex;flex-direction:column;gap:var(--space-6)}.roles-section{display:flex;flex-direction:column;gap:var(--space-4)}.roles-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color)}.roles-list-stacked{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.role-card:hover{transform:translateY(-3px);border-color:var(--border-color-primary);box-shadow:var(--shadow-lg)}.role-card.role-system{border-right:4px solid var(--color-info-500);background:linear-gradient(135deg,rgba(79,172,254,0.05),transparent)}.role-card.role-inactive{opacity:0.6}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-2)}.role-card-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.role-card-title h3{color:var(--text-primary);font-size:var(--text-lg);margin:0}.role-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.role-slug{background:rgba(79,172,254,0.1);color:var(--color-primary-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono)}.role-users{font-size:var(--text-xs);color:var(--text-muted)}.role-card-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.role-card-credentials{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:rgba(79,172,254,0.05);border-radius:var(--radius-md);border:1px solid rgba(79,172,254,0.15)}.cred-label{font-size:var(--text-xs);color:var(--text-muted)}.cred-value{color:var(--color-primary-500);font-family:var(--font-mono);font-size:var(--text-sm)}.role-card-perms{margin-bottom:var(--space-4)}.perms-count{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.perms-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.perm-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:rgba(79,172,254,0.1);color:var(--color-primary-500);border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid rgba(79,172,254,0.2)}.perm-tag.perm-more{background:rgba(255,193,7,0.1);color:var(--color-warning-500);border-color:rgba(255,193,7,0.2)}.role-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.role-card-actions .btn{flex:1;min-width:80px}.role-form-card{max-width:900px}.role-form-card h2{color:var(--color-primary-500);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.role-credentials-section{background:rgba(79,172,254,0.05);border:1px solid rgba(79,172,254,0.2);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}.role-credentials-section h3{color:var(--color-primary-500);font-size:var(--text-lg);margin-bottom:var(--space-2)}.role-credentials-section .form-help{margin-bottom:var(--space-4);display:block}.role-edit-container{display:flex;flex-direction:column;gap:var(--space-5)}.role-edit-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.role-edit-header h2{background:var(--bg-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--text-2xl);margin:0}.role-edit-header .role-slug{background:rgba(79,172,254,0.1);color:var(--color-primary-500);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm)}.role-section-card{position:relative;overflow:hidden}.role-section-card::before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--bg-gradient-primary)}.role-section-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.role-section-icon{font-size:var(--text-3xl);width:56px;height:56px;background:var(--bg-gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-emoji);color:var(--bg-space-dark);box-shadow:var(--shadow-md)}.role-section-title{flex:1;min-width:0}.role-section-title h3{color:var(--text-primary);font-size:var(--text-xl);margin:0 0 var(--space-1) 0}.role-section-title p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.role-section-actions{display:flex;justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.role-section-actions .btn{min-width:180px}.role-section-card.saved{animation:sectionSaved 0.5s ease}@keyframes sectionSaved{0%{box-shadow:0 0 0 0 rgba(80,255,120,0.4)}50%{box-shadow:0 0 0 10px rgba(80,255,120,0)}100%{box-shadow:0 0 0 0 rgba(80,255,120,0)}}.permissions-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.permissions-section h3{color:var(--color-primary-500);font-size:var(--text-lg);margin-bottom:var(--space-2)}.perms-hint{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.perms-actions-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.perm-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.perm-category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:rgba(79,172,254,0.05);border-bottom:1px solid var(--border-color)}.perm-category-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none;flex:1}.perm-category-check input{accent-color:var(--color-primary-500)}.perm-category-body{display:grid;gap:1px;background:var(--border-color);max-height:300px;overflow-y:auto}.perm-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);cursor:pointer;transition:background var(--transition-fast);user-select:none}.perm-item:hover{background:var(--bg-hover)}.perm-item input{accent-color:var(--color-primary-500);flex-shrink:0}.perm-icon{font-size:var(--text-lg);flex-shrink:0;font-family:var(--font-emoji)}.perm-name{font-size:var(--text-sm);color:var(--text-primary);flex:1}.perm-item-has-nested{flex-wrap:wrap}.nested-fields-toggle{background:rgba(79,172,254,0.1);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);padding:2px 8px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;gap:4px;transition:background var(--transition-fast)}.nested-fields-toggle:hover{background:rgba(79,172,254,0.2);color:var(--text-primary)}.nested-field-perms{display:none;grid-column:1 / -1;background:var(--bg-primary);border-inline-start:3px solid var(--color-primary-500);padding-inline-start:var(--space-5,20px)}.nested-field-warning{display:none;align-items:center;gap:8px;padding:10px 14px;margin:8px;background:rgba(255,193,7,0.12);border:1px solid rgba(255,193,7,0.4);border-radius:var(--radius-sm);color:var(--color-warning-700,#a86b00);font-size:var(--text-xs);line-height:1.6}.nested-field-perms.expanded{display:block}.nested-fields-arrow{transition:transform var(--transition-fast);display:inline-block}.nested-fields-toggle.open .nested-fields-arrow{transform:rotate(180deg)}.nested-field-check-all{background:rgba(79,172,254,0.05) !important;border-bottom:1px solid var(--border-color)}.nested-field-item{padding-inline-start:var(--space-5,20px) !important;font-size:var(--text-xs)}.nested-field-item .perm-name{font-size:var(--text-xs);color:var(--text-secondary)}.info-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.student-hero-welcome .badge{margin-right:var(--space-2)}@media (max-width:768px){.roles-list,.roles-list-stacked{grid-template-columns:1fr}.permissions-grid{grid-template-columns:1fr}.role-card-header{flex-direction:column;align-items:flex-start}.role-card-meta{align-items:flex-start;width:100%}.role-card-actions .btn{flex:1 1 45%}.role-edit-header{flex-direction:column;align-items:flex-start}.role-section-header{flex-direction:column;align-items:center;text-align:center}.role-section-actions{justify-content:center}.role-section-actions .btn{width:100%}}.inline-form{display:inline-block;vertical-align:middle}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.widgets-grid-3{grid-template-columns:repeat(3,1fr)}.widgets-grid-2{grid-template-columns:repeat(2,1fr)}.widget{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.widget:hover{border-color:var(--border-color-primary);box-shadow:var(--shadow-lg)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.widget-title{color:var(--color-primary-500);font-size:var(--text-lg);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-2)}.widget-title-icon{font-size:var(--text-2xl);font-family:var(--font-emoji)}.widget-actions{display:flex;gap:var(--space-2)}.widget-body{min-height:200px;position:relative}.widget-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-muted)}.widget-chart{padding:var(--space-5)}.widget-chart canvas{width:100% !important;height:300px !important}.mini-chart{display:flex;align-items:flex-end;gap:3px;height:50px}.mini-chart-bar{flex:1;background:var(--bg-gradient-primary);border-radius:3px 3px 0 0;transition:height var(--transition-base);min-width:4px;opacity:0.7}.mini-chart-bar:hover{opacity:1}.activity-feed{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);position:relative}.activity-item:last-child{border-bottom:none}.activity-dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary-500);flex-shrink:0;margin-top:var(--space-1);position:relative}.activity-dot::after{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% + var(--space-3));background:var(--border-color)}.activity-item:last-child .activity-dot::after{display:none}.activity-dot.success{background:var(--color-success-500)}.activity-dot.warning{background:var(--color-warning-500)}.activity-dot.danger{background:var(--color-danger-500)}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);line-height:var(--leading-relaxed)}.activity-time{font-size:var(--text-xs);color:var(--text-muted)}.calendar-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.calendar-mini-header{font-size:var(--text-xs);color:var(--color-primary-500);font-weight:var(--font-bold);padding:var(--space-2)}.calendar-mini-day{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.calendar-mini-day:hover{background:var(--bg-hover)}.calendar-mini-day.today{background:var(--bg-gradient-primary);color:var(--bg-space-dark);font-weight:var(--font-bold);border-radius:var(--radius-full)}.calendar-mini-day.has-event{position:relative}.calendar-mini-day.has-event::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-danger-500)}.calendar-mini-day.other-month{opacity:0.3}.todo-list{display:flex;flex-direction:column;gap:var(--space-2)}.todo-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:rgba(0,0,0,0.1);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.todo-item:hover{background:rgba(0,0,0,0.15)}.todo-item.completed{opacity:0.6}.todo-item.completed .todo-text{text-decoration:line-through}.todo-checkbox{width:22px;height:22px;border:2px solid var(--border-color-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);cursor:pointer}.todo-item.completed .todo-checkbox{background:var(--bg-gradient-primary);border-color:var(--color-primary-500)}.todo-item.completed .todo-checkbox::after{content:'✓';color:var(--bg-space-dark);font-size:14px;font-weight:bold}.todo-text{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.todo-priority{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.todo-priority.high{background:var(--color-danger-500)}.todo-priority.medium{background:var(--color-warning-500)}.todo-priority.low{background:var(--color-success-500)}.weather-widget{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));border-radius:var(--radius-lg)}.weather-icon{font-size:80px;font-family:var(--font-emoji);margin-bottom:var(--space-3);animation:float 3s ease-in-out infinite}.weather-temp{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--space-2)}.weather-desc{color:var(--text-secondary);font-size:var(--text-lg)}.weather-details{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-4)}.weather-detail{text-align:center}.weather-detail-value{font-weight:var(--font-bold);color:var(--text-primary)}.weather-detail-label{font-size:var(--text-xs);color:var(--text-muted)}.welcome-widget{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));border:2px solid var(--border-color-primary);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);position:relative;overflow:hidden}.welcome-widget::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,0.08) 0%,transparent 60%);animation:rotateGradient 30s linear infinite;pointer-events:none}.welcome-widget > *{position:relative;z-index:1}.welcome-content h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.welcome-content p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}.welcome-stats{display:flex;gap:var(--space-5)}.welcome-stat{text-align:center}.welcome-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500)}.welcome-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.welcome-image{font-size:100px;line-height:1;font-family:var(--font-emoji);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(79,172,254,0.3))}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.quick-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-base);text-decoration:none;color:var(--text-primary)}.quick-stat:hover{transform:translateY(-3px);border-color:var(--border-color-primary);box-shadow:var(--shadow-lg)}.quick-stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);flex-shrink:0;font-family:var(--font-emoji)}.quick-stat-icon.icon-blue{background:rgba(79,172,254,0.15)}.quick-stat-icon.icon-green{background:rgba(80,255,120,0.15)}.quick-stat-icon.icon-yellow{background:rgba(255,193,7,0.15)}.quick-stat-icon.icon-red{background:rgba(255,80,80,0.15)}.quick-stat-icon.icon-purple{background:rgba(168,85,247,0.15)}.quick-stat-info{flex:1;min-width:0}.quick-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500);line-height:1.2}.quick-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.quick-stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);width:fit-content}.quick-stat-trend.up{background:rgba(80,255,120,0.15);color:var(--color-success-500)}.quick-stat-trend.down{background:rgba(255,80,80,0.15);color:var(--color-danger-500)}.quick-stat-trend.neutral{background:var(--bg-hover);color:var(--text-muted)}.donut-chart{width:120px;height:120px;border-radius:var(--radius-full);position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.donut-chart::before{content:'';position:absolute;width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-primary);z-index:1}.donut-value{position:relative;z-index:2;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-500)}.leaderboard{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:rgba(0,0,0,0.1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.leaderboard-item:hover{background:rgba(0,0,0,0.15);transform:translateX(-3px)}.leaderboard-rank{font-size:var(--text-xl);font-weight:var(--font-bold);width:35px;text-align:center;flex-shrink:0;font-family:var(--font-emoji)}.leaderboard-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--bg-space-dark);font-weight:var(--font-bold);flex-shrink:0;overflow:hidden}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.leaderboard-detail{font-size:var(--text-xs);color:var(--text-muted)}.leaderboard-score{font-weight:var(--font-bold);color:var(--color-primary-500);font-size:var(--text-lg)}.notification-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:350px;overflow-y:auto}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;border-bottom:1px solid var(--border-color)}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:rgba(79,172,254,0.05);border-right:3px solid var(--color-primary-500)}.notification-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0;font-family:var(--font-emoji);background:rgba(79,172,254,0.15)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:var(--space-1)}.notification-text{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.notification-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}@media (max-width:1024px){.widgets-grid,.widgets-grid-3{grid-template-columns:1fr}.widgets-grid-2{grid-template-columns:1fr}.welcome-widget{flex-direction:column;text-align:center}.welcome-stats{justify-content:center}.welcome-image{font-size:70px}}@media (max-width:768px){.quick-stats{grid-template-columns:1fr}.widget-body canvas{height:200px !important}.weather-details{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.widget{padding:var(--space-4)}.welcome-widget{padding:var(--space-4)}}@media print{.widget{break-inside:avoid;page-break-inside:avoid}.widget canvas{max-height:250px}}.profile-page{max-width:1100px;margin:0 auto}.profile-header{background:linear-gradient(135deg,rgba(79,172,254,0.15),rgba(0,242,254,0.05));border:2px solid var(--border-color-primary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);text-align:center;position:relative;overflow:hidden}.profile-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,0.08) 0%,transparent 60%);animation:rotateGradient 30s linear infinite;pointer-events:none}.profile-header > *{position:relative;z-index:1}.profile-avatar{width:150px;height:150px;border-radius:var(--radius-full);margin:0 auto var(--space-5);position:relative;display:inline-block}.profile-avatar-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--color-primary-500);box-shadow:0 10px 30px rgba(79,172,254,0.3);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:70px;font-family:var(--font-emoji);overflow:hidden}.profile-avatar-img img{width:100%;height:100%;object-fit:cover}.profile-avatar-upload{position:absolute;bottom:5px;right:5px;width:40px;height:40px;background:var(--bg-gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);border:3px solid var(--bg-primary);font-size:var(--text-lg);box-shadow:var(--shadow-md)}.profile-avatar-upload:hover{transform:scale(1.1);box-shadow:var(--shadow-primary)}.profile-avatar-upload input[type="file"]{display:none}.profile-name{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.profile-role{display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.profile-role.role-student{background:rgba(80,255,120,0.2);color:var(--color-success-500)}.profile-role.role-teacher{background:rgba(79,172,254,0.2);color:var(--color-primary-500)}.profile-role.role-admin{background:rgba(255,193,7,0.2);color:var(--color-warning-500)}.profile-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500)}.profile-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.profile-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.profile-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.profile-section-title{color:var(--color-primary-500);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.profile-info-list{display:flex;flex-direction:column;gap:var(--space-3)}.profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:rgba(0,0,0,0.1);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--space-2)}.profile-info-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.profile-info-label .icon{font-size:var(--text-lg);font-family:var(--font-emoji)}.profile-info-value{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.settings-list{display:flex;flex-direction:column;gap:var(--space-3)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:rgba(0,0,0,0.1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.settings-item:hover{background:rgba(0,0,0,0.15)}.settings-item-info{display:flex;align-items:center;gap:var(--space-3)}.settings-item-icon{font-size:var(--text-xl);font-family:var(--font-emoji);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-active);border-radius:var(--radius-md);flex-shrink:0}.settings-item-text h4{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.settings-item-text p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.profile-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.profile-badge{text-align:center;padding:var(--space-4);background:rgba(0,0,0,0.1);border-radius:var(--radius-md);transition:all var(--transition-base)}.profile-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.profile-badge-icon{font-size:var(--text-4xl);margin-bottom:var(--space-2);font-family:var(--font-emoji)}.profile-badge-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-semibold)}.profile-badge.locked{opacity:0.4;filter:grayscale(100%)}.profile-timeline{position:relative;padding-right:var(--space-8)}.profile-timeline::before{content:'';position:absolute;right:15px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:var(--space-5);padding:var(--space-4);background:rgba(0,0,0,0.1);border-radius:var(--radius-md)}.timeline-item::before{content:'';position:absolute;right:calc(-1 * var(--space-8) + 10px);top:var(--space-4);width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary-500);border:2px solid var(--bg-primary)}.timeline-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.timeline-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.timeline-desc{font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width:768px){.profile-body{grid-template-columns:1fr}.profile-header{padding:var(--space-5)}.profile-avatar{width:120px;height:120px}.profile-avatar-img{font-size:50px}.profile-name{font-size:var(--text-2xl)}.profile-stats{gap:var(--space-4)}}@media (max-width:480px){.profile-section{padding:var(--space-4)}.profile-info-item{flex-direction:column;text-align:center}.profile-badges{grid-template-columns:repeat(3,1fr)}}@page{size:A4 landscape;margin:0}.cert-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:#1a1a4e}.cert-controls{position:fixed;top:20px;left:20px;z-index:100;display:flex;gap:10px}.cert-controls .btn{box-shadow:0 4px 15px rgba(0,0,0,0.3)}.certificate{width:297mm;height:210mm;max-width:297mm;max-height:210mm;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,0.5);background:#ffffff;display:flex;flex-direction:column}.cert-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cert-bg-default{background:linear-gradient(135deg,#ffffff 0%,#f0f8ff 100%)}.cert-bg-default::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(79,172,254,0.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,242,254,0.05) 0%,transparent 40%)}.cert-bg-custom{background-size:cover;background-position:center;background-repeat:no-repeat}.cert-bg-elegant{background:linear-gradient(135deg,#fefefe 0%,#f5f0e8 100%)}.cert-bg-elegant::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image: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='%23d4af37' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cert-bg-royal{background:linear-gradient(135deg,#1a1a4e 0%,#0a0a2e 100%)}.cert-bg-royal::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 10%,rgba(212,175,55,0.1) 0%,transparent 30%),radial-gradient(circle at 90% 90%,rgba(212,175,55,0.1) 0%,transparent 30%)}.cert-border{position:absolute;top:10mm;left:10mm;right:10mm;bottom:10mm;border:3px double #d4af37;z-index:1;pointer-events:none}.cert-border::before{content:'';position:absolute;top:3mm;left:3mm;right:3mm;bottom:3mm;border:1px solid rgba(212,175,55,0.4)}.cert-corner{position:absolute;width:60px;height:60px;z-index:2;pointer-events:none}.cert-corner svg{width:100%;height:100%;fill:#d4af37;opacity:0.6}.cert-corner-tl{top:15mm;right:15mm}.cert-corner-tr{top:15mm;left:15mm;transform:scaleX(-1)}.cert-corner-bl{bottom:15mm;right:15mm;transform:scaleY(-1)}.cert-corner-br{bottom:15mm;left:15mm;transform:scale(-1)}.cert-content{position:relative;z-index:3;padding:10mm 22mm;display:flex;flex-direction:column;height:100%;box-sizing:border-box;text-align:center;color:#333333;font-family:'Tahoma','B Nazanin',sans-serif;direction:rtl}.cert-bg-royal .cert-content{color:#e8e0d0}.cert-header{margin-bottom:3mm}.cert-logo{font-size:28px;margin-bottom:1mm;line-height:1}.cert-institute{font-size:18px;color:#4facfe;font-weight:bold;margin-bottom:1mm;letter-spacing:2px}.cert-bg-royal .cert-institute{color:#d4af37}.cert-main-title{font-size:28px;font-weight:bold;background:linear-gradient(135deg,#d4af37 0%,#f0d58c 50%,#d4af37 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:2mm 0;letter-spacing:3px}.cert-sub-title{font-size:12px;color:#888;margin-bottom:2mm;letter-spacing:4px}.cert-bg-royal .cert-sub-title{color:#999}.cert-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:2mm}.cert-text{font-size:13px;color:#555;line-height:1.3}.cert-bg-royal .cert-text{color:#ccc}.cert-name{font-size:24px;color:#4facfe;font-weight:bold;margin:2mm 0;padding:1.5mm 0;border-bottom:2px solid rgba(212,175,55,0.3);display:inline-block;min-width:50%}.cert-bg-royal .cert-name{color:#d4af37}.cert-course{font-size:16px;color:#333;font-weight:bold;margin:1.5mm 0}.cert-bg-royal .cert-course{color:#e8e0d0}.cert-course-level{font-size:12px;color:#888}.cert-grade-section{display:flex;justify-content:center;gap:12mm;margin:2mm 0}.cert-grade-box{padding:1.5mm 8mm;border-radius:8px;text-align:center;min-width:80px}.cert-grade-box.gpa{background:linear-gradient(135deg,#d4af37,#f0d58c);color:#333}.cert-grade-box.letter{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.cert-grade-label{font-size:9px;opacity:0.9;margin-bottom:0.5mm}.cert-grade-value{font-size:18px;font-weight:bold}.cert-grade-desc{font-size:13px;color:#d4af37;font-weight:bold;margin-top:1mm}.cert-bg-royal .cert-grade-desc{color:#f0d58c}.cert-details{display:flex;justify-content:center;gap:10mm;margin:1.5mm 0;font-size:11px;color:#666;flex-wrap:wrap}.cert-bg-royal .cert-details{color:#aaa}.cert-detail{display:flex;align-items:center;gap:2mm}.cert-detail strong{color:#333}.cert-bg-royal .cert-detail strong{color:#ddd}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0;margin-top:auto;padding-top:2mm}.cert-signature{text-align:center;width:45mm}.cert-signature-line{border-top:2px solid #333;margin:6mm 5mm 1mm;padding-top:1.5mm;font-size:11px;color:#333;font-weight:bold}.cert-bg-royal .cert-signature-line{border-top-color:#d4af37;color:#ddd}.cert-signature-role{font-size:9px;color:#888}.cert-qr{text-align:center}.cert-qr img{width:18mm;height:18mm;border:2px solid #d4af37;border-radius:5px;padding:2px;background:white}.cert-qr-number{font-size:8px;color:#888;margin-top:0.5mm;font-family:monospace;letter-spacing:1px}.cert-qr-hint{font-size:7px;color:#aaa;margin-top:0.5mm}.cert-seal{width:18mm;height:18mm;border:3px solid #d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-15deg);color:#d4af37;font-size:8px;text-align:center;font-weight:bold;background:rgba(255,255,255,0.9);box-shadow:0 3px 10px rgba(212,175,55,0.3);line-height:1.3}.cert-bg-royal .cert-seal{background:rgba(26,26,78,0.9)}@media screen and (max-width:1200px){.certificate{width:95vw;height:auto;aspect-ratio:297 / 210;max-width:297mm}.cert-content{padding:5vw}.cert-main-title{font-size:clamp(20px,4vw,36px)}.cert-name{font-size:clamp(20px,3.5vw,32px)}.cert-course{font-size:clamp(14px,2.5vw,20px)}.cert-border{top:3vw;left:3vw;right:3vw;bottom:3vw}}@media print{body{margin:0;padding:0;background:white}.cert-page{padding:0;background:white;min-height:auto}.cert-controls{display:none !important}.header,.footer,.settings-panel{display:none !important}.certificate{width:297mm;height:210mm;box-shadow:none;margin:0;page-break-after:avoid;page-break-inside:avoid}.cert-main-title{-webkit-text-fill-color:#d4af37;color:#d4af37}.cert-grade-box{-webkit-print-color-adjust:exact;print-color-adjust:exact}.cert-bg,.cert-bg::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ws-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:var(--space-3);overflow-x:auto}.ws-day-col{background:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-width:150px}.ws-day-head{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:var(--font-bold);text-align:center}.ws-day-body{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:60px}.ws-empty{text-align:center;opacity:0.4;padding:var(--space-3) 0}.ws-item{background:rgba(79,172,254,0.08);border:1px solid var(--border-color-primary);border-radius:var(--radius-sm);padding:var(--space-2);position:relative}.ws-item-time{font-weight:var(--font-bold);font-size:var(--text-xs);color:var(--color-primary-500)}.ws-item-class{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:2px}.ws-item-teacher,.ws-item-note{font-size:var(--text-xs);opacity:0.8;margin-top:2px}.ws-item-actions{display:flex;gap:4px;margin-top:var(--space-2)}.ws-btn{background:rgba(255,255,255,0.08);border:none;border-radius:var(--radius-xs);padding:2px 8px;cursor:pointer;font-size:var(--text-xs);color:var(--text-primary)}.ws-btn:hover{background:rgba(255,255,255,0.16)}.ws-btn-danger:hover{background:rgba(255,80,80,0.3)}.ws-conflict-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:right}.ws-conflict-list li{background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.3);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary)}@media (max-width:900px){.ws-grid{grid-template-columns:1fr}}.ws-main-card{padding:var(--space-8);border-radius:var(--radius-xl);border-width:2px}.ws-matrix-wrap{overflow-x:hidden;border:1px solid var(--border-color);border-radius:var(--radius-md)}.ws-matrix{border-collapse:collapse;width:100%;table-layout:fixed}.ws-matrix thead th{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm);padding:var(--space-2) var(--space-1);text-align:center;border:1px solid rgba(255,255,255,0.15);position:sticky;top:0;z-index:2;overflow-wrap:normal;word-break:keep-all;line-height:1.3}.ws-matrix th.ws-matrix-headcol{text-align:right;width:15%}.ws-matrix th.ws-matrix-headcol-sm{width:9%}.ws-matrix td{border:1px solid var(--border-color);padding:var(--space-1) var(--space-2);vertical-align:middle;overflow-wrap:break-word}td.ws-matrix-cell{overflow:visible}.ws-matrix-rowhead{text-align:right;background:rgba(255,255,255,0.04)}.ws-matrix-rowhead-sm{font-size:var(--text-xs);opacity:0.85}.ws-matrix-classname{font-weight:var(--font-bold);font-size:var(--text-sm);overflow-wrap:break-word}.ws-matrix-off{display:block;text-align:center;opacity:0.35;padding:var(--space-2) 0;font-size:var(--text-base)}.ws-matrix-add{display:block;width:100%;background:transparent;border:1px dashed var(--border-color-strong);border-radius:var(--radius-sm);color:var(--text-secondary,#9aa4b2);font-size:var(--text-base);padding:var(--space-2) 0;cursor:pointer}.ws-matrix-add:hover{background:rgba(255,255,255,0.06);color:var(--text-primary)}.ws-matrix-chip{position:relative;display:inline-block;margin:2px}.ws-matrix-chip-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;border-radius:var(--radius-sm);padding:3px 6px;background:rgba(255,255,255,0.08);font-weight:var(--font-semibold);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;line-height:1.25;white-space:nowrap}.ws-matrix-chip-summary .ws-matrix-icon{font-size:var(--text-sm)}.ws-matrix-chip-summary .ws-matrix-time-compact{font-family:var(--font-mono)}.ws-matrix-chip-summary .ws-matrix-chip-label{font-family:var(--font-body,inherit);max-width:72px;overflow:hidden;text-overflow:ellipsis}.ws-matrix-chip-summary:hover,.ws-matrix-chip:focus-within .ws-matrix-chip-summary{background:rgba(255,255,255,0.16)}.ws-matrix-icon{font-size:var(--text-sm);line-height:1}.ws-matrix-popover{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);z-index:var(--z-dropdown);min-width:150px;margin-top:4px;background:var(--bg-space-mid);border:1px solid var(--border-color-strong,var(--border-color));border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.12s ease,transform 0.12s ease}.ws-matrix-chip:hover .ws-matrix-popover,.ws-matrix-chip:focus-within .ws-matrix-popover,.ws-matrix-chip.is-open .ws-matrix-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.ws-matrix-chip-top{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:var(--font-semibold);font-size:var(--text-xs)}.ws-matrix-time{font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;line-height:1.35}.ws-matrix-time-end{position:relative}.ws-matrix-time-end::before{content:'–';display:block;opacity:0.5;font-family:var(--font-body,inherit)}.ws-matrix-note{font-size:var(--text-xs);opacity:0.8;margin-top:4px;text-align:center;white-space:nowrap}.ws-matrix-actions{display:flex;justify-content:center;gap:4px;margin-top:var(--space-1)}.ws-matrix-actions .ws-btn{padding:2px 6px;font-size:var(--text-xs);border-radius:var(--radius-xs);line-height:1.2}.ws-matrix-cell:first-of-type .ws-matrix-popover{left:0;transform:translateX(0) translateY(4px)}.ws-matrix-cell:first-of-type .ws-matrix-chip.is-open .ws-matrix-popover,.ws-matrix-cell:first-of-type .ws-matrix-chip:hover .ws-matrix-popover,.ws-matrix-cell:first-of-type .ws-matrix-chip:focus-within .ws-matrix-popover{transform:translateX(0) translateY(0)}.ws-matrix-cell:last-of-type .ws-matrix-popover{left:auto;right:0;transform:translateX(0) translateY(4px)}.ws-matrix-cell:last-of-type .ws-matrix-chip.is-open .ws-matrix-popover,.ws-matrix-cell:last-of-type .ws-matrix-chip:hover .ws-matrix-popover,.ws-matrix-cell:last-of-type .ws-matrix-chip:focus-within .ws-matrix-popover{transform:translateX(0) translateY(0)}.ws-legend{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-color);font-size:var(--text-sm);opacity:0.8}.ws-c1{background:rgba(94,199,128,0.14)}.ws-c2{background:rgba(64,200,180,0.14)}.ws-c3{background:rgba(79,172,254,0.14)}.ws-c4{background:rgba(155,130,240,0.14)}.ws-c5{background:rgba(240,110,175,0.14)}.ws-c6{background:rgba(245,176,65,0.14)}.ws-c7{background:rgba(120,180,220,0.14)}@media (max-width:900px){.ws-matrix-wrap{border-radius:var(--radius-sm)}}@media (max-width:900px) and (min-width:641px){.ws-matrix td,.ws-matrix th{padding:var(--space-1);font-size:var(--text-xs)}}@media (max-width:640px){.ws-main-card{padding:var(--space-4)}.ws-matrix-wrap{overflow-x:visible;border:none}.ws-matrix{min-width:0;width:100%}.ws-matrix thead{display:none}.ws-matrix,.ws-matrix tbody,.ws-matrix tr,.ws-matrix td{display:block;width:100%}.ws-matrix tr{margin-bottom:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ws-matrix-rowhead{border:none;border-bottom:1px solid var(--border-color);padding:var(--space-3)}.ws-matrix-rowhead-sm{padding:var(--space-2) var(--space-3);display:flex;gap:6px}.ws-matrix-rowhead-sm::before{content:attr(data-label);font-weight:var(--font-bold);opacity:0.6;flex:none}.ws-matrix-cell{border:none;border-bottom:1px solid var(--border-color);padding:var(--space-2) var(--space-3);min-width:0}.ws-matrix tr td.ws-matrix-cell:last-child{border-bottom:none}.ws-matrix-cell::before{content:attr(data-label);display:block;font-size:var(--text-xs);font-weight:var(--font-bold);opacity:0.6;margin-bottom:4px}.ws-matrix-add{padding:var(--space-1) 0}.ws-legend{gap:var(--space-3);font-size:var(--text-xs)}}.ws-branch-sep-row td.ws-branch-sep{background:linear-gradient(135deg,rgba(79,172,254,0.22),rgba(0,242,254,0.1));color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm);text-align:center;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color-strong,var(--border-color));letter-spacing:0.2px}.ws-teacher-edit-form{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-color)}.ws-teacher-edit-form[hidden]{display:none}.ws-teacher-select{font-size:var(--text-xs);padding:4px 6px}.ws-teacher-edit-form .btn{font-size:var(--text-xs);padding:4px 8px}@media (max-width:640px){.ws-branch-sep-row td.ws-branch-sep{border-radius:var(--radius-sm);margin-top:var(--space-3)}}.bg-style-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.bg-style-option{position:relative;cursor:pointer;display:flex;flex:1 1 180px;min-width:170px;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:var(--space-4);border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.bg-style-option:hover{border-color:var(--border-color-strong)}.bg-style-option input[type="radio"]{position:absolute;top:10px;inset-inline-end:10px;accent-color:var(--color-primary-500)}.bg-style-option-icon{font-size:30px;line-height:1}.bg-style-option-title{font-weight:bold;font-size:15px}.bg-style-option-desc{font-size:12px;color:var(--text-muted)}.bg-style-option.is-selected{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(79,172,254,.18);transform:translateY(-1px)}.sc-color-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sc-color-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:1 1 220px;min-width:200px;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);cursor:pointer;font-size:13px}.sc-color-option input[type="color"]{width:40px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;background:none}body:has(.session-cards-print-area) .main-content,body:has(.session-cards-print-area) .container{max-width:100% !important;padding:0 !important;width:100% !important}.session-cards-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-secondary)}.session-cards-toolbar .btn{flex:0 0 auto}.session-card-page{width:210mm;min-height:297mm;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:4mm;padding:8mm;box-sizing:border-box;page-break-after:always;margin:0 auto}@media screen and (max-width:900px){.session-card-page{width:100%;min-height:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:var(--space-3);padding:var(--space-3)}.session-card{aspect-ratio:85 / 54}}@media screen and (max-width:560px){.session-card-page{grid-template-columns:1fr}.session-card{aspect-ratio:8.5 / 5.4;min-height:150px}.session-card-body{gap:6px;padding:6px 8px}.session-card-photo img,.session-card-photo-placeholder{width:54px;height:70px}.session-card-logo{width:56px;height:56px}}.session-card{position:relative;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid #ccc;box-sizing:border-box;background-image:var(--card-bg-image) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#fff !important}.session-card-empty{border:1px dashed #ddd;background:none !important}.session-card-heading{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 8px 3px;text-align:center;box-sizing:border-box}.session-card-heading-title{font-weight:bold;font-size:16px;line-height:1.3;text-shadow:0 1px 2px rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.25)}.session-card-heading-phone{font-size:12.5px;line-height:1.3;direction:ltr;unicode-bidi:isolate;text-shadow:0 1px 2px rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.2)}.session-card-body{position:relative;z-index:2;flex:1;direction:ltr;display:flex;align-items:center;gap:8px;padding:6px 10px;box-sizing:border-box;transition:background .15s ease}.session-card-photo{flex-shrink:0;direction:rtl}.session-card-photo img,.session-card-photo-placeholder{width:66px;height:84px;border-radius:8px;object-fit:cover;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:34px;border:2px solid #fff !important;box-shadow:0 1px 5px rgba(0,0,0,.35) !important}.session-card-info{flex:1;min-width:0;direction:rtl;text-align:right;border-radius:8px;transition:background .15s ease,padding .15s ease,backdrop-filter .15s ease}.session-card-name{font-weight:bold;font-size:16px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-row{display:flex;align-items:center;gap:4px;font-size:13.5px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.session-card-row-icon{flex-shrink:0;font-size:13.5px}.session-card-row-address{max-width:100%}.session-card-logo{flex-shrink:0;width:72px;height:72px;direction:rtl}.session-card-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff !important;box-shadow:0 1px 5px rgba(0,0,0,.35) !important;display:block}.session-card-logo-fallback{width:100%;height:100%;border-radius:50%;background:#0d1b3e !important;color:#fff !important;border:2px solid #fff !important;box-shadow:0 1px 5px rgba(0,0,0,.35) !important;display:flex;align-items:center;justify-content:center;font-size:24px}.bg-style-white .session-card-body{background:#ffffff !important}.bg-style-glass .session-card-body{background:rgba(255,255,255,0.45) !important;backdrop-filter:blur(7px) !important;-webkit-backdrop-filter:blur(7px) !important}.bg-style-clear .session-card-body{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.bg-style-clear .session-card-name,.bg-style-clear .session-card-row{text-shadow:0 1px 3px rgba(255,255,255,.85),0 0 6px rgba(255,255,255,.65) !important}@media print{.no-print,.header,.footer{display:none !important}body{background:#fff !important}.session-cards-print-area,.session-cards-print-area *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;color-adjust:exact !important}.session-card{break-inside:avoid;box-shadow:none}}@page{size:A4;margin:0}[data-theme="galaxy"],[data-theme="dark"]{--bg-primary:#0a0a2e;--bg-secondary:rgba(255,255,255,0.05);--bg-gradient-galaxy:linear-gradient(135deg,#0a0a2e 0%,#1a1a4e 50%,#0a0a2e 100%)}[data-theme="galaxy"] .stars,[data-theme="dark"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 40% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 88%,white,transparent),radial-gradient(2px 2px at 66% 33%,white,transparent);background-size:200px 200px,300px 300px,250px 250px,200px 200px,300px 300px,200px 200px,250px 250px;opacity:0.6;animation:twinkle 5s infinite}[data-theme="galaxy2"]{--color-primary-500:#6C63FF;--color-secondary-500:#FF6B6B;--bg-primary:#0A0A1A;--bg-secondary:rgba(108,99,255,0.08);--bg-tertiary:rgba(108,99,255,0.12);--bg-hover:rgba(108,99,255,0.15);--bg-active:rgba(108,99,255,0.25);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.85);--text-muted:rgba(255,255,255,0.6);--border-color:rgba(108,99,255,0.2);--border-color-strong:rgba(108,99,255,0.4);--bg-gradient-galaxy:linear-gradient(180deg,#0A0A1A 0%,#1a1440 40%,#241a5e 70%,#0A0A1A 100%);--bg-gradient-primary:linear-gradient(135deg,#6C63FF 0%,#4A42CC 100%);--shadow-primary:0 10px 25px rgba(108,99,255,0.4)}[data-theme="galaxy2"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;background:linear-gradient(160deg,rgba(10,10,26,0.55) 0%,rgba(20,16,58,0.35) 50%,rgba(10,10,26,0.55) 100%)}[data-theme="galaxy2"] .stars::before,[data-theme="galaxy2"] .stars::after{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(155,149,255,0.9),transparent),radial-gradient(1px 1px at 40% 50%,rgba(255,255,255,0.7),transparent),radial-gradient(3px 3px at 80% 20%,rgba(108,99,255,0.5),transparent),radial-gradient(2px 2px at 15% 85%,rgba(255,107,107,0.35),transparent),radial-gradient(3px 3px at 90% 60%,rgba(255,217,61,0.3),transparent),radial-gradient(2px 2px at 33% 88%,rgba(107,203,119,0.3),transparent);background-size:250px 250px,300px 300px,200px 200px,350px 350px,220px 220px,320px 320px,260px 260px;animation:aminDrift 20s linear infinite}[data-theme="galaxy2"] .stars::after{animation-duration:32s;animation-direction:reverse;opacity:0.5}@keyframes aminDrift{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-120px) translateX(-60px)}}[data-theme="galaxy2"] .card{transform-style:preserve-3d;transition:transform 0.5s;background:linear-gradient(135deg,rgba(108,99,255,0.1),rgba(74,66,204,0.05));border-color:rgba(108,99,255,0.3);box-shadow:0 8px 32px rgba(108,99,255,0.25),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="galaxy2"] .card:hover{transform:translateY(-4px) rotateX(2deg);border-color:rgba(155,149,255,0.5);box-shadow:0 20px 40px rgba(108,99,255,0.35),inset 0 1px 0 rgba(255,255,255,0.2)}[data-theme="galaxy2"] .home-hero-title,[data-theme="galaxy2"] .home-section-title{background:linear-gradient(135deg,#9B95FF 0%,#FF6B6B 55%,#FFD93D 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme="light"]{--bg-space-darkest:#f1f5f9;--bg-space-dark:#ffffff;--bg-space-mid:#f8fafc;--bg-space-light:#e2e8f0;--bg-gradient-galaxy:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0f9ff 100%);--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:rgba(0,0,0,0.05);--bg-active:rgba(79,172,254,0.1);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-disabled:#9ca3af;--border-color:rgba(0,0,0,0.1);--border-color-strong:rgba(0,0,0,0.15);--border-color-primary:rgba(79,172,254,0.4);--card-bg:#ffffff;--input-bg:#f8fafc;--sidebar-bg:#f8fafc;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.08);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.15);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.2)}[data-theme="light"] .stars{display:none}[data-theme="light"] .header{background:rgba(255,255,255,0.95);border-bottom-color:rgba(0,0,0,0.1)}[data-theme="light"] .header.scrolled{background:rgba(255,255,255,0.98);box-shadow:var(--shadow-lg)}[data-theme="light"] .sidebar{background:#ffffff;border-color:rgba(0,0,0,0.08);box-shadow:var(--shadow-md)}[data-theme="light"] .sidebar-user{background:rgba(79,172,254,0.08);border-color:rgba(79,172,254,0.2)}[data-theme="light"] .sidebar-item:hover{background:rgba(79,172,254,0.1)}[data-theme="light"] .sidebar-item.active{background:rgba(79,172,254,0.15)}[data-theme="light"] .card{background:#ffffff;border-color:rgba(0,0,0,0.08);box-shadow:var(--shadow-md)}[data-theme="light"] .card:hover{box-shadow:var(--shadow-lg)}[data-theme="light"] .form-input,[data-theme="light"] .form-select,[data-theme="light"] .form-textarea{background:#ffffff;border-color:#d1d5db;color:#1f2937}[data-theme="light"] .form-input:focus,[data-theme="light"] .form-select:focus,[data-theme="light"] .form-textarea:focus{background:#ffffff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(79,172,254,0.15)}[data-theme="light"] .form-select option{background:#ffffff;color:#1f2937}[data-theme="light"] .table-wrapper{background:#ffffff;border-color:rgba(0,0,0,0.08);box-shadow:var(--shadow-md)}[data-theme="light"] .table thead th{background:#f8fafc;color:var(--color-primary-600)}[data-theme="light"] .table tbody tr:hover{background:rgba(79,172,254,0.05)}[data-theme="light"] .table-striped tbody tr:nth-child(even){background:rgba(0,0,0,0.02)}[data-theme="light"] .table th,[data-theme="light"] .table td{border-bottom-color:rgba(0,0,0,0.05)}[data-theme="light"] .modal{background:#ffffff;border-color:rgba(0,0,0,0.1)}[data-theme="light"] .modal-header,[data-theme="light"] .modal-footer{border-color:rgba(0,0,0,0.08)}[data-theme="light"] .modal-backdrop{background:rgba(0,0,0,0.5)}[data-theme="light"] .badge-primary{background:rgba(79,172,254,0.15);color:var(--color-primary-600)}[data-theme="light"] .badge-success{background:rgba(80,255,120,0.15);color:var(--color-success-700)}[data-theme="light"] .badge-warning{background:rgba(255,193,7,0.15);color:var(--color-warning-700)}[data-theme="light"] .badge-danger{background:rgba(255,80,80,0.15);color:var(--color-danger-700)}[data-theme="light"] .alert{background:rgba(79,172,254,0.08)}[data-theme="light"] .alert-success{background:rgba(80,255,120,0.1);color:var(--color-success-700)}[data-theme="light"] .alert-warning{background:rgba(255,193,7,0.1);color:var(--color-warning-700)}[data-theme="light"] .alert-danger{background:rgba(255,80,80,0.1);color:var(--color-danger-700)}[data-theme="light"] .btn-secondary{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}[data-theme="light"] .btn-secondary:hover{background:#e5e7eb}[data-theme="light"] .btn-ghost{color:#1f2937}[data-theme="light"] .btn-ghost:hover{background:rgba(0,0,0,0.05)}[data-theme="light"] .dropdown-menu{background:#ffffff;border-color:rgba(0,0,0,0.1);box-shadow:var(--shadow-xl)}[data-theme="light"] .dropdown-item{color:#1f2937}[data-theme="light"] .dropdown-item:hover{background:rgba(79,172,254,0.1)}[data-theme="light"] .notif-dropdown{background:rgba(255,255,255,0.98);border-color:rgba(79,172,254,0.3)}[data-theme="light"] .notif-dropdown-header{background:rgba(79,172,254,0.08)}[data-theme="light"] .notif-item:hover{background:rgba(79,172,254,0.05)}[data-theme="light"] .notif-item.unread{background:rgba(79,172,254,0.08)}[data-theme="light"] .info-box{background:rgba(79,172,254,0.08)}[data-theme="light"] .warning-box{background:rgba(255,193,7,0.08);color:#78350f}[data-theme="light"] .progress{background:rgba(0,0,0,0.1)}[data-theme="light"] .footer{background:#f8fafc;border-top-color:rgba(0,0,0,0.1)}[data-theme="light"] .footer-social a{background:#ffffff;border-color:rgba(0,0,0,0.1)}[data-theme="light"] .tabs{border-bottom-color:rgba(0,0,0,0.1)}[data-theme="light"] .info-tile{background:#f8fafc;border-color:rgba(0,0,0,0.05)}[data-theme="light"] .fin-card{background:#ffffff;box-shadow:var(--shadow-sm)}[data-theme="light"] .stat-card{background:#ffffff;box-shadow:var(--shadow-md)}[data-theme="light"] .toast{background:#ffffff;box-shadow:var(--shadow-xl)}[data-theme="light"]::-webkit-scrollbar-track{background:rgba(0,0,0,0.05)}[data-theme="light"]::-webkit-scrollbar-thumb{background:rgba(79,172,254,0.5)}[data-theme="light"] .header-nav-item{color:#4b5563}[data-theme="light"] .header-nav-item:hover{color:var(--color-primary-600);background:rgba(79,172,254,0.08)}[data-theme="light"] .header-nav-item.active{color:var(--color-primary-600);background:rgba(79,172,254,0.15)}[data-theme="light"] .header-nav.open{background:#ffffff;box-shadow:var(--shadow-lg)}[data-theme="ocean"]{--color-primary-500:#00d4ff;--color-secondary-500:#0099ff;--bg-primary:#001a33;--bg-secondary:rgba(0,150,200,0.08);--bg-tertiary:rgba(0,150,200,0.12);--bg-hover:rgba(0,212,255,0.15);--bg-active:rgba(0,212,255,0.25);--text-primary:#e0f7ff;--text-secondary:rgba(224,247,255,0.85);--text-muted:rgba(224,247,255,0.6);--border-color:rgba(0,212,255,0.2);--border-color-strong:rgba(0,212,255,0.4);--bg-gradient-galaxy:linear-gradient(180deg,#001a33 0%,#003366 30%,#004080 60%,#001a33 100%);--bg-gradient-primary:linear-gradient(135deg,#00d4ff 0%,#0099ff 100%);--shadow-primary:0 10px 25px rgba(0,212,255,0.4)}[data-theme="ocean"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;background:linear-gradient(180deg,rgba(0,26,51,0.9) 0%,rgba(0,51,102,0.7) 50%,rgba(0,64,128,0.5) 100%)}[data-theme="ocean"] .stars::before,[data-theme="ocean"] .stars::after{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(circle at 20% 30%,rgba(0,212,255,0.3) 0%,transparent 3%),radial-gradient(circle at 60% 70%,rgba(0,212,255,0.2) 0%,transparent 2%),radial-gradient(circle at 40% 50%,rgba(255,255,255,0.15) 0%,transparent 2%),radial-gradient(circle at 80% 20%,rgba(0,212,255,0.25) 0%,transparent 3%),radial-gradient(circle at 15% 85%,rgba(255,255,255,0.1) 0%,transparent 2%),radial-gradient(circle at 90% 60%,rgba(0,212,255,0.3) 0%,transparent 3%);background-size:300px 300px,200px 200px,250px 250px,350px 350px,200px 200px,300px 300px;animation:oceanFloat 15s linear infinite}[data-theme="ocean"] .stars::after{animation-duration:25s;animation-direction:reverse;opacity:0.5}@keyframes oceanFloat{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-100px) translateX(50px)}}[data-theme="ocean"] .card{transform-style:preserve-3d;transition:transform 0.5s;background:linear-gradient(135deg,rgba(0,150,200,0.1),rgba(0,100,200,0.05));border-color:rgba(0,212,255,0.3);box-shadow:0 8px 32px rgba(0,100,200,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="ocean"] .card:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:0 20px 40px rgba(0,212,255,0.3),inset 0 1px 0 rgba(255,255,255,0.2)}[data-theme="sunset"]{--color-primary-500:#ff6b6b;--color-secondary-500:#feca57;--bg-primary:#2d0a3e;--bg-secondary:rgba(255,107,107,0.08);--bg-tertiary:rgba(255,107,107,0.12);--bg-hover:rgba(255,107,107,0.15);--bg-active:rgba(255,107,107,0.25);--text-primary:#fff5f5;--text-secondary:rgba(255,245,245,0.85);--text-muted:rgba(255,245,245,0.6);--border-color:rgba(255,107,107,0.2);--border-color-strong:rgba(255,107,107,0.4);--bg-gradient-galaxy:linear-gradient(180deg,#2d0a3e 0%,#4d1a5e 30%,#ff6b6b 70%,#feca57 100%);--bg-gradient-primary:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);--shadow-primary:0 10px 25px rgba(255,107,107,0.4)}[data-theme="sunset"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-theme="sunset"] .stars::before{content:'';position:absolute;top:20%;right:15%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,202,87,0.75) 0%,rgba(255,202,87,0.45) 30%,rgba(255,107,107,0.25) 55%,transparent 75%);border-radius:50%;animation:sunGlow 4s ease-in-out infinite}[data-theme="sunset"] .stars::after{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(ellipse 150px 50px at 20% 40%,rgba(255,255,255,0.1),transparent),radial-gradient(ellipse 200px 60px at 60% 30%,rgba(255,255,255,0.15),transparent),radial-gradient(ellipse 180px 55px at 80% 50%,rgba(255,255,255,0.1),transparent),radial-gradient(ellipse 220px 70px at 40% 20%,rgba(255,200,200,0.15),transparent);animation:cloudsFloat 30s linear infinite}@keyframes sunGlow{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.1);opacity:1}}@keyframes cloudsFloat{0%{transform:translateX(0)}100%{transform:translateX(-100px)}}[data-theme="sunset"] .card{background:linear-gradient(135deg,rgba(255,107,107,0.1),rgba(254,202,87,0.05));border-color:rgba(255,107,107,0.3);box-shadow:0 8px 32px rgba(255,107,107,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="forest"]{--color-primary-500:#10b981;--color-secondary-500:#34d399;--bg-primary:#0d2818;--bg-secondary:rgba(16,185,129,0.08);--bg-tertiary:rgba(16,185,129,0.12);--bg-hover:rgba(16,185,129,0.15);--bg-active:rgba(16,185,129,0.25);--text-primary:#f0fdf4;--text-secondary:rgba(240,253,244,0.85);--text-muted:rgba(240,253,244,0.6);--border-color:rgba(16,185,129,0.2);--border-color-strong:rgba(16,185,129,0.4);--bg-gradient-galaxy:linear-gradient(180deg,#0d2818 0%,#1a3d2e 40%,#10b981 100%);--bg-gradient-primary:linear-gradient(135deg,#10b981 0%,#34d399 100%);--shadow-primary:0 10px 25px rgba(16,185,129,0.4)}[data-theme="forest"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;background:linear-gradient(180deg,rgba(13,40,24,0.95) 0%,rgba(26,61,46,0.9) 50%,rgba(16,185,129,0.3) 100%)}[data-theme="forest"] .stars::before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(52,211,153,0.6),transparent),radial-gradient(3px 3px at 60% 70%,rgba(52,211,153,0.5),transparent),radial-gradient(2px 2px at 40% 50%,rgba(52,211,153,0.4),transparent),radial-gradient(3px 3px at 80% 20%,rgba(52,211,153,0.6),transparent),radial-gradient(2px 2px at 90% 60%,rgba(52,211,153,0.5),transparent);background-size:200px 200px,250px 250px,200px 200px,300px 300px,250px 250px;animation:firefliesFloat 20s linear infinite}@keyframes firefliesFloat{0%,100%{transform:translateY(0);opacity:0.6}50%{transform:translateY(-30px);opacity:1}}[data-theme="forest"] .card{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(52,211,153,0.05));border-color:rgba(16,185,129,0.3);box-shadow:0 8px 32px rgba(16,185,129,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="aurora"]{--color-primary-500:#a855f7;--color-secondary-500:#ec4899;--bg-primary:#1a0033;--bg-secondary:rgba(168,85,247,0.08);--bg-tertiary:rgba(168,85,247,0.12);--bg-hover:rgba(168,85,247,0.15);--bg-active:rgba(168,85,247,0.25);--text-primary:#faf5ff;--text-secondary:rgba(250,245,255,0.85);--text-muted:rgba(250,245,255,0.6);--border-color:rgba(168,85,247,0.2);--border-color-strong:rgba(168,85,247,0.4);--bg-gradient-galaxy:linear-gradient(180deg,#1a0033 0%,#2d1b69 40%,#1a0033 100%);--bg-gradient-primary:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);--shadow-primary:0 10px 25px rgba(168,85,247,0.4)}[data-theme="aurora"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}[data-theme="aurora"] .stars::before,[data-theme="aurora"] .stars::after{content:'';position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,0.3) 20%,rgba(236,72,153,0.4) 40%,rgba(34,211,238,0.3) 60%,rgba(168,85,247,0.4) 80%,transparent 100%);filter:blur(60px);animation:auroraWave 10s ease-in-out infinite;opacity:0.7}[data-theme="aurora"] .stars::after{animation-delay:-5s;animation-duration:15s;top:30%;opacity:0.5}@keyframes auroraWave{0%,100%{transform:translateX(0) skewY(0deg)}50%{transform:translateX(-50%) skewY(-5deg)}}[data-theme="aurora"] .stars{background-image:radial-gradient(1px 1px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 40% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent);background-size:200px 200px,300px 300px,250px 250px,200px 200px}[data-theme="aurora"] .card{background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(236,72,153,0.05));border-color:rgba(168,85,247,0.3);box-shadow:0 8px 32px rgba(168,85,247,0.3),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="cyberpunk"]{--color-primary-500:#ff00ff;--color-secondary-500:#00ffff;--bg-primary:#0a0014;--bg-secondary:rgba(255,0,255,0.08);--bg-tertiary:rgba(255,0,255,0.12);--bg-hover:rgba(0,255,255,0.15);--bg-active:rgba(255,0,255,0.25);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.85);--text-muted:rgba(255,255,255,0.6);--border-color:rgba(255,0,255,0.3);--border-color-strong:rgba(0,255,255,0.5);--bg-gradient-galaxy:linear-gradient(135deg,#0a0014 0%,#1a0033 50%,#0a0014 100%);--bg-gradient-primary:linear-gradient(135deg,#ff00ff 0%,#00ffff 100%);--shadow-primary:0 10px 25px rgba(255,0,255,0.5)}[data-theme="cyberpunk"] .stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(255,0,255,0.05) 50%,transparent 100%)}[data-theme="cyberpunk"] .stars::before{content:'';position:absolute;top:50%;left:0;width:100%;height:60%;background-image:linear-gradient(rgba(255,0,255,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,0.5) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);transform-origin:50% 100%;animation:gridMove 20s linear infinite}[data-theme="cyberpunk"] .stars::after{content:'';position:absolute;top:0;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,0,255,0.6) 0%,rgba(255,0,255,0.2) 30%,transparent 70%);filter:blur(30px);transform:translateX(-50%);animation:neonPulse 3s ease-in-out infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}100%{transform:perspective(500px) rotateX(60deg) translateY(50px)}}@keyframes neonPulse{0%,100%{opacity:0.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}[data-theme="cyberpunk"] .card{background:linear-gradient(135deg,rgba(255,0,255,0.08),rgba(0,255,255,0.03));border:1px solid rgba(255,0,255,0.3);box-shadow:0 0 20px rgba(255,0,255,0.3),inset 0 0 20px rgba(0,255,255,0.05)}[data-theme="cyberpunk"] .card:hover{box-shadow:0 0 30px rgba(255,0,255,0.5),0 0 60px rgba(0,255,255,0.3),inset 0 0 20px rgba(0,255,255,0.1)}[data-theme="cyberpunk"] h1,[data-theme="cyberpunk"] .card-title{text-shadow:0 0 10px rgba(255,0,255,0.8),0 0 20px rgba(255,0,255,0.5),0 0 30px rgba(255,0,255,0.3)}[data-skin="modern"]{--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:15px;--radius-xl:20px;--radius-2xl:25px;--radius-3xl:30px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 2px 4px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px);--skin-border-width:1px;--skin-btn-border-width:2px;--skin-letter-spacing:var(--tracking-normal);--skin-font-weight-heading:var(--font-bold)}[data-skin="mobile"]{--radius-none:0;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:32px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.06);--shadow-sm:0 2px 6px 0 rgba(0,0,0,0.08);--shadow-md:0 2px 10px 0 rgba(0,0,0,0.1);--shadow-lg:0 4px 16px -2px rgba(0,0,0,0.12);--shadow-xl:0 8px 24px -4px rgba(0,0,0,0.14);--shadow-2xl:0 12px 32px -6px rgba(0,0,0,0.18);--shadow-success:0 4px 14px rgba(80,255,120,0.28);--shadow-warning:0 4px 14px rgba(255,193,7,0.28);--shadow-danger:0 4px 14px rgba(255,80,80,0.28);--blur-sm:blur(6px);--blur-md:blur(12px);--blur-lg:blur(20px);--blur-xl:blur(28px);--skin-border-width:0px;--skin-btn-border-width:0px;--skin-letter-spacing:var(--tracking-normal);--skin-font-weight-heading:var(--font-semibold)}[data-skin="mobile"] .btn{border-radius:var(--radius-full) !important;border-width:0 !important}[data-skin="mobile"] .card,[data-skin="mobile"] .header-dropdown-menu,[data-skin="mobile"] .modal-content{border-width:0 !important;box-shadow:var(--shadow-lg) !important}[data-skin="mobile"] .app-header,[data-skin="mobile"] .header{backdrop-filter:var(--blur-md) saturate(160%) !important;-webkit-backdrop-filter:var(--blur-md) saturate(160%) !important;padding-top:env(safe-area-inset-top) !important}[data-skin="mobile"] .header-action-btn,[data-skin="mobile"] .header-user-btn{border-radius:var(--radius-full) !important;min-width:40px;min-height:40px}[data-skin="mobile"] body{overflow-x:hidden;overscroll-behavior-y:contain}@media (max-width:1024px){[data-skin="mobile"] input,[data-skin="mobile"] select,[data-skin="mobile"] textarea{font-size:max(16px,var(--text-base)) !important}}@media (max-width:480px){[data-skin="mobile"] .card{padding:var(--space-4) !important;border-radius:var(--radius-lg) !important}[data-skin="mobile"] .btn{padding-inline:var(--space-4) !important}[data-skin="mobile"] .container,[data-skin="mobile"] .header-container{padding-inline:var(--space-3) !important}}@media (max-width:1024px){[data-skin="mobile"] .fab,[data-skin="mobile"] .floating-action-btn{bottom:calc(78px + var(--space-3) + env(safe-area-inset-bottom)) !important}}.mobile-tabbar{display:none}@media (max-width:1024px){[data-skin="mobile"] .mobile-tabbar{display:flex !important;position:fixed;left:0;bottom:0;width:100%;z-index:1035;align-items:stretch;justify-content:space-around;gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--bg-space-dark,var(--bg-secondary));border-top:1px solid var(--border-color);box-shadow:0 -4px 20px rgba(0,0,0,0.25);backdrop-filter:var(--blur-md) saturate(160%);-webkit-backdrop-filter:var(--blur-md) saturate(160%)}[data-skin="modern"] .mobile-tabbar{display:none !important}[data-skin="mobile"] .sidebar-toggle{display:none !important}[data-skin="mobile"] .sidebar-toggle,[data-skin="mobile"] .sidebar-toggle.open{display:none !important}[data-skin="mobile"] .dashboard-main{padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important}[data-skin="mobile"] .mobile-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;min-height:44px;padding:var(--space-1) 2px;border:none;background:transparent;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color .25s ease,transform .25s ease;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}[data-skin="mobile"] .mobile-tab-item:active{transform:scale(0.92)}[data-skin="mobile"] .mobile-tab-icon{font-size:21px;line-height:1;font-family:var(--font-emoji)}[data-skin="mobile"] .mobile-tab-label{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}[data-skin="mobile"] .mobile-tab-item.active{color:var(--color-primary-500)}[data-skin="mobile"] .mobile-tab-item.active .mobile-tab-icon{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--color-primary-500) 50%,transparent))}[data-skin="mobile"] .mobile-tab-item.mobile-tab-more.drawer-open{color:var(--color-primary-500)}[data-skin="mobile"] .mobile-tab-more{order:-1}}@media (min-width:768px) and (max-width:1024px){[data-skin="mobile"] .mobile-tabbar{max-width:480px;left:50%;transform:translateX(-50%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding-inline:var(--space-4)}[data-skin="mobile"] .mobile-tab-icon{font-size:23px}[data-skin="mobile"] .mobile-tab-label{font-size:11.5px}}@media (max-width:360px){[data-skin="mobile"] .mobile-tabbar{gap:0;padding-inline:var(--space-1)}[data-skin="mobile"] .mobile-tab-icon{font-size:19px}[data-skin="mobile"] .mobile-tab-label{font-size:9.5px}}@media (max-width:1024px) and (orientation:landscape) and (max-height:500px){[data-skin="mobile"] .mobile-tabbar{padding-top:2px;padding-bottom:calc(2px + env(safe-area-inset-bottom))}[data-skin="mobile"] .mobile-tab-item{min-height:36px;flex-direction:row;gap:6px}[data-skin="mobile"] .mobile-tab-icon{font-size:17px}[data-skin="mobile"] .mobile-tab-label{font-size:10px}[data-skin="mobile"] .dashboard-main{padding-bottom:calc(46px + env(safe-area-inset-bottom)) !important}}@media (prefers-reduced-motion:reduce){[data-skin="mobile"] .mobile-tab-item,[data-skin="mobile"] .mobile-tab-icon{transition:none !important}}