:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113;--font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}@media(prefers-color-scheme:dark){:root{--color-gray-400-rgb: 119, 124, 124;--color-teal-300-rgb: 50, 184, 198;--color-gray-300-rgb: 167, 169, 169;--color-gray-200-rgb: 245, 245, 245;--color-bg-1: rgba(29, 78, 216, .15);--color-bg-2: rgba(180, 83, 9, .15);--color-bg-3: rgba(21, 128, 61, .15);--color-bg-4: rgba(185, 28, 28, .15);--color-bg-5: rgba(107, 33, 168, .15);--color-bg-6: rgba(194, 65, 12, .15);--color-bg-7: rgba(190, 24, 93, .15);--color-bg-8: rgba(8, 145, 178, .15);--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: rgba(var(--color-gray-300-rgb), .7);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-primary-active: var(--color-teal-800);--color-secondary: rgba(var(--color-gray-400-rgb), .15);--color-secondary-hover: rgba(var(--color-gray-400-rgb), .25);--color-secondary-active: rgba(var(--color-gray-400-rgb), .3);--color-border: rgba(var(--color-gray-400-rgb), .3);--color-error: var(--color-red-400);--color-success: var(--color-teal-300);--color-warning: var(--color-orange-400);--color-info: var(--color-gray-300);--color-focus-ring: rgba(var(--color-teal-300-rgb), .4);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-gray-400-rgb), .2);--color-card-border-inner: rgba(var(--color-gray-400-rgb), .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--button-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-select-caret: rgba(var(--color-gray-200-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: var(--color-teal-300-rgb);--color-error-rgb: var(--color-red-400-rgb);--color-warning-rgb: var(--color-orange-400-rgb);--color-info-rgb: var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb: 119, 124, 124;--color-teal-300-rgb: 50, 184, 198;--color-gray-300-rgb: 167, 169, 169;--color-gray-200-rgb: 245, 245, 245;--color-bg-1: rgba(29, 78, 216, .15);--color-bg-2: rgba(180, 83, 9, .15);--color-bg-3: rgba(21, 128, 61, .15);--color-bg-4: rgba(185, 28, 28, .15);--color-bg-5: rgba(107, 33, 168, .15);--color-bg-6: rgba(194, 65, 12, .15);--color-bg-7: rgba(190, 24, 93, .15);--color-bg-8: rgba(8, 145, 178, .15);--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: rgba(var(--color-gray-300-rgb), .7);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-primary-active: var(--color-teal-800);--color-secondary: rgba(var(--color-gray-400-rgb), .15);--color-secondary-hover: rgba(var(--color-gray-400-rgb), .25);--color-secondary-active: rgba(var(--color-gray-400-rgb), .3);--color-border: rgba(var(--color-gray-400-rgb), .3);--color-error: var(--color-red-400);--color-success: var(--color-teal-300);--color-warning: var(--color-orange-400);--color-info: var(--color-gray-300);--color-focus-ring: rgba(var(--color-teal-300-rgb), .4);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-gray-400-rgb), .15);--color-card-border-inner: rgba(var(--color-gray-400-rgb), .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--color-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-select-caret: rgba(var(--color-gray-200-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: var(--color-teal-300-rgb);--color-error-rgb: var(--color-red-400-rgb);--color-warning-rgb: var(--color-orange-400-rgb);--color-info-rgb: var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-success-rgb: var(--color-teal-500-rgb);--color-error-rgb: var(--color-red-500-rgb);--color-warning-rgb: var(--color-orange-500-rgb);--color-info-rgb: var(--color-slate-500-rgb)}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base) * .95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}code{padding:var(--space-1) var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16) 0;overflow:auto;border:1px solid var(--color-border)}pre code{background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-10) var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn--full-width{width:100%}.form-control{display:block;width:100%;padding:var(--space-8) var(--space-12);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}select.form-control{padding:var(--space-8) var(--space-12);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}@media(prefers-color-scheme:dark){select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.form-label{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-16)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__header,.card__footer{padding:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.status{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.status--success{background-color:rgba(var(--color-success-rgb, 33, 128, 141),var(--status-bg-opacity));color:var(--color-success);border:1px solid rgba(var(--color-success-rgb, 33, 128, 141),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb, 192, 21, 47),var(--status-bg-opacity));color:var(--color-error);border:1px solid rgba(var(--color-error-rgb, 192, 21, 47),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-bg-opacity));color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb, 98, 108, 113),var(--status-bg-opacity));color:var(--color-info);border:1px solid rgba(var(--color-info-rgb, 98, 108, 113),var(--status-border-opacity))}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--space-16);padding-left:var(--space-16)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.gap-4{gap:var(--space-4)}.m-0{margin:0}.mt-8{margin-top:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.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}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}:root{--app-primary: #2563eb;--app-primary-dark: #1e40af;--app-primary-light: #dbeafe;--app-secondary: #7c3aed;--app-success: #10b981;--app-warning: #f59e0b;--app-danger: #ef4444;--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--duration-fast: .15s;--duration-normal: .25s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-card-border);padding:var(--space-16) var(--space-24);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromTop .3s ease-out}.navbar-brand{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:var(--space-8);transition:transform var(--duration-fast)}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand i{color:var(--color-primary);animation:bounce 2s infinite}.navbar-menu{display:flex;align-items:center;gap:var(--space-24)}.navbar-link{color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--duration-fast)}.navbar-link:hover{color:var(--color-primary)}.user-menu{position:relative;display:flex;align-items:center;gap:var(--space-12);cursor:pointer;padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);transition:background var(--duration-fast)}.user-menu:hover{background:var(--color-secondary)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);color:var(--color-btn-primary-text);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);box-shadow:0 2px 8px rgba(var(--color-teal-500-rgb),.3);transition:transform var(--duration-fast)}.user-avatar:hover{transform:scale(1.1)}.sidebar{width:250px;background:var(--color-surface);border-right:1px solid var(--color-card-border);padding:var(--space-24);overflow-y:auto;animation:slideInFromLeft .3s ease-out;position:sticky;top:73px;height:calc(100vh - 73px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.sidebar-nav{list-style:none}.sidebar-item{margin-bottom:var(--space-8)}.sidebar-link{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-base);color:var(--color-text);text-decoration:none;transition:all var(--duration-fast);cursor:pointer;position:relative;font-weight:var(--font-weight-medium)}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:0 3px 3px 0;transition:height var(--duration-fast)}.sidebar-link:hover{background:var(--color-secondary);transform:translate(4px)}.sidebar-link:hover:before{height:60%}.sidebar-link.active{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-btn-primary-text);box-shadow:0 4px 12px rgba(var(--color-teal-500-rgb),.3)}.sidebar-link.active:before{height:80%;background:var(--color-btn-primary-text)}.sidebar-link i{font-size:18px;transition:transform var(--duration-fast)}.sidebar-link:hover i,.sidebar-link.active i{transform:scale(1.1)}.main-layout{display:flex;flex:1}.main-content{flex:1;padding:var(--space-32);overflow-y:auto}.page-header{margin-bottom:var(--space-32);animation:fadeIn .4s ease-out}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);color:var(--color-text);position:relative;display:inline-block}.page-title:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,transparent 100%);border-radius:var(--radius-full)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-standard);animation:fadeIn .3s ease-out;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{left:100%}.card-header{margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card-body{color:var(--color-text)}.grid{display:grid;gap:var(--space-24)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:var(--space-16)}.navbar{padding:var(--space-12) var(--space-16)}.navbar-brand{font-size:var(--font-size-xl)}.page-title,.stat-value{font-size:var(--font-size-2xl)}.modal{padding:var(--space-24);margin:var(--space-16)}.toast{right:var(--space-16);left:var(--space-16);min-width:auto}.likert-scale{flex-direction:column}.likert-option{min-width:100%}.table{font-size:var(--font-size-sm)}.role-cards{padding:var(--space-16)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-8);transition:all var(--duration-normal);position:relative;overflow:hidden;animation:fadeInScale .4s ease-out}.stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(var(--color-teal-500-rgb),.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--color-primary)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;animation:fadeIn .5s ease-out}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast);text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-btn-primary-text);box-shadow:0 4px 12px rgba(var(--color-teal-500-rgb),.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%);box-shadow:0 6px 16px rgba(var(--color-teal-500-rgb),.4);transform:translateY(-2px)}.btn-primary:active{background:var(--color-primary-active);transform:translateY(0);box-shadow:0 2px 8px rgba(var(--color-teal-500-rgb),.3)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-secondary-hover)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-8) var(--space-16);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-16) var(--space-32);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-20)}.form-label{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text)}.form-label.required:after{content:" *";color:var(--color-error)}.form-control{width:100%;padding:var(--space-12);border:2px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);transition:all var(--duration-fast)}.form-control:hover{border-color:var(--color-primary)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);transform:translateY(-1px)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-4)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-xs);animation:fadeIn .3s ease-out}.badge-success{background:rgba(var(--color-teal-500-rgb),.15);color:var(--color-success);border:1px solid rgba(var(--color-teal-500-rgb),.25)}.badge-warning{background:rgba(var(--color-orange-500-rgb),.15);color:var(--color-warning);border:1px solid rgba(var(--color-orange-500-rgb),.25)}.badge-error{background:rgba(var(--color-red-500-rgb),.15);color:var(--color-error);border:1px solid rgba(var(--color-red-500-rgb),.25)}.badge-info{background:rgba(var(--color-slate-500-rgb),.15);color:var(--color-info);border:1px solid rgba(var(--color-slate-500-rgb),.25)}.progress-bar{width:100%;height:8px;background:var(--color-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-teal-300) 100%);transition:width .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:var(--space-12) var(--space-16);text-align:left;border-bottom:1px solid var(--color-card-border-inner)}.table th{background:var(--color-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text)}.table tbody tr{transition:all var(--duration-fast)}.table tbody tr:hover{background:var(--color-bg-1);transform:scale(1.01);box-shadow:0 2px 8px #0000000d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16);animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-32);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:fadeInScale .3s ease-out;box-shadow:0 20px 60px #0000004d;border:1px solid var(--color-card-border)}.modal-header{margin-bottom:var(--space-24)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-footer{margin-top:var(--space-24);display:flex;justify-content:flex-end;gap:var(--space-12)}.toast{position:fixed;top:var(--space-24);right:var(--space-24);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);padding:var(--space-16) var(--space-20);box-shadow:0 12px 32px #0003;display:flex;align-items:center;gap:var(--space-12);z-index:2000;animation:slideInFromRight .4s cubic-bezier(.16,1,.3,1);min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-32)}.spinner{width:40px;height:40px;border:4px solid var(--color-secondary);border-top-color:var(--color-primary);border-right-color:var(--color-teal-300);border-radius:var(--radius-full);animation:spin .8s linear infinite;box-shadow:0 2px 8px rgba(var(--color-teal-500-rgb),.2)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-32);color:var(--color-text-secondary);animation:fadeIn .4s ease-out}.empty-icon{font-size:48px;margin-bottom:var(--space-16);opacity:.5}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-32)}.wizard-step{flex:1;text-align:center;position:relative;padding:var(--space-12)}.wizard-step:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--color-border);z-index:0}.wizard-step:first-child:before{left:50%}.wizard-step:last-child:before{right:50%}.wizard-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-secondary);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);position:relative;z-index:1;transition:all var(--duration-normal);box-shadow:0 2px 8px #0000001a}.wizard-step.active .wizard-step-number{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);color:var(--color-btn-primary-text);box-shadow:0 4px 16px rgba(var(--color-teal-500-rgb),.4);animation:pulse 2s infinite}.wizard-step.completed .wizard-step-number{background:linear-gradient(135deg,var(--color-success) 0%,#0d9488 100%);color:var(--color-btn-primary-text);box-shadow:0 4px 16px rgba(var(--color-teal-500-rgb),.3)}.wizard-step-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.test-container{max-width:800px;margin:0 auto}.question-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-32);margin-bottom:var(--space-24);box-shadow:var(--shadow-md);animation:fadeInScale .3s ease-out;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-teal-300) 100%)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-24)}.question-number{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-24);line-height:1.6}.options-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-12)}.option-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-base);padding:var(--space-16);cursor:pointer;transition:all var(--duration-normal);position:relative}.option-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-primary);border-radius:var(--radius-base) 0 0 var(--radius-base);transition:width var(--duration-fast)}.option-item:hover{border-color:var(--color-primary);background:var(--color-bg-1);transform:translate(4px)}.option-item:hover:before{width:4px}.option-item.selected{border-color:var(--color-primary);background:var(--color-bg-1);box-shadow:0 4px 12px rgba(var(--color-teal-500-rgb),.2)}.option-item.selected:before{width:4px}.likert-scale{display:flex;justify-content:space-between;gap:var(--space-12)}.likert-option{flex:1;text-align:center;padding:var(--space-16) var(--space-12);border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-normal);position:relative;min-width:80px}.likert-option:hover{border-color:var(--color-primary);background:var(--color-bg-1);transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.likert-option.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);color:var(--color-btn-primary-text);transform:scale(1.1);box-shadow:0 6px 16px rgba(var(--color-teal-500-rgb),.4);font-weight:var(--font-weight-semibold)}.test-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-24)}.auto-save-indicator{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-8)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-8);margin-top:var(--space-16)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-normal);font-weight:var(--font-weight-medium)}.calendar-day:hover{background:var(--color-bg-1);border-color:var(--color-primary);transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.calendar-day.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);color:var(--color-btn-primary-text);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-teal-500-rgb),.3);transform:scale(1.05)}.calendar-day.disabled{opacity:.3;cursor:not-allowed}.calendar-day.disabled:hover{transform:none;box-shadow:none}.role-selector{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-24)}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);max-width:900px}@media(max-width:768px){.role-cards{grid-template-columns:1fr}}.role-card{background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-32);text-align:center;cursor:pointer;transition:all var(--duration-normal);position:relative;overflow:hidden;animation:fadeInScale .4s ease-out}.role-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(var(--color-teal-500-rgb),.05) 100%);opacity:0;transition:opacity var(--duration-normal)}.role-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.role-card:hover:before{opacity:1}.role-card:active{transform:translateY(-4px)}.role-icon{font-size:64px;margin-bottom:var(--space-16);animation:bounce 2s ease-in-out infinite;display:inline-block}.role-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.role-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-24)}.login-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-32);width:100%;max-width:400px;box-shadow:0 12px 48px #00000026;animation:fadeInScale .4s ease-out;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-teal-300) 100%)}.login-header{text-align:center;margin-bottom:var(--space-32)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.otp-inputs{display:flex;gap:var(--space-8);justify-content:center;margin:var(--space-24) 0}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border:2px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--duration-fast);background:var(--color-surface)}.otp-input:hover{border-color:var(--color-primary)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);transform:scale(1.05)}.chart-container{position:relative;height:300px;margin-top:var(--space-16)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-24{gap:var(--space-24)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.mb-24{margin-bottom:var(--space-24)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.text-center{text-align:center}.w-full{width:100%}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-8);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);box-shadow:0 12px 32px #00000026;min-width:200px;z-index:100;animation:fadeInScale .2s ease-out;overflow:hidden}.dropdown-item{padding:var(--space-12) var(--space-16);cursor:pointer;transition:all var(--duration-fast);display:flex;align-items:center;gap:var(--space-8)}.dropdown-item:hover{background:var(--color-secondary);padding-left:var(--space-20)}.file-upload{border:2px dashed var(--color-border);border-radius:var(--radius-base);padding:var(--space-24);text-align:center;cursor:pointer;transition:all var(--duration-normal);position:relative;background:var(--color-surface)}.file-upload:before{content:"";position:absolute;inset:0;border-radius:var(--radius-base);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05) 0%,transparent 100%);opacity:0;transition:opacity var(--duration-normal)}.file-upload:hover{border-color:var(--color-primary);background:var(--color-bg-1);transform:translateY(-2px)}.file-upload:hover:before{opacity:1}.file-upload input[type=file]{display:none}.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12);background:var(--color-bg-1);border-radius:var(--radius-base);margin-top:var(--space-8);animation:slideInFromLeft .3s ease-out;border:1px solid var(--color-border)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--duration-normal)}.hover-lift:hover{transform:translateY(-4px)}.shadow-glow{box-shadow:0 0 20px rgba(var(--color-teal-500-rgb),.3)}.rotate-on-hover{transition:transform var(--duration-normal)}.rotate-on-hover:hover{transform:rotate(5deg)}.chart-container canvas{animation:fadeIn .6s ease-out}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-secondary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);transition:background var(--duration-fast)}*::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-secondary) 25%,var(--color-bg-1) 50%,var(--color-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-base)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:2em;margin-bottom:.5em}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text);border:none}.btn-ghost:hover{background:var(--color-secondary)}.badge-primary{background:rgba(var(--color-teal-500-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-teal-500-rgb),.25)}.badge-secondary{background:#7c3aed26;color:#7c3aed;border:1px solid rgba(124,58,237,.25)}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:var(--color-charcoal-700);color:var(--color-white);text-align:center;border-radius:var(--radius-base);padding:var(--space-8) var(--space-12);position:absolute;z-index:1001;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--duration-fast);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-md)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.alert{padding:var(--space-16);border-radius:var(--radius-base);border-left:4px solid;display:flex;align-items:center;gap:var(--space-12);animation:fadeIn .3s ease-out;margin-bottom:var(--space-16)}.alert-success{background:#10b9811a;border-color:#10b981;color:#065f46}.alert-warning{background:#f59e0b1a;border-color:#f59e0b;color:#92400e}.alert-error{background:#ef44441a;border-color:#ef4444;color:#991b1b}.alert-info{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}.divider{height:1px;background:var(--color-border);margin:var(--space-24) 0;position:relative}.divider-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding:0 var(--space-16);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.accordion-item{border:1px solid var(--color-card-border);border-radius:var(--radius-base);margin-bottom:var(--space-8);overflow:hidden;transition:all var(--duration-normal)}.accordion-header{padding:var(--space-16);background:var(--color-surface);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-medium);transition:background var(--duration-fast)}.accordion-header:hover{background:var(--color-secondary)}.accordion-content{padding:var(--space-16);border-top:1px solid var(--color-card-border-inner);animation:fadeIn .3s ease-out}.tabs{display:flex;border-bottom:2px solid var(--color-border);gap:var(--space-4);margin-bottom:var(--space-24)}.tab{padding:var(--space-12) var(--space-20);cursor:pointer;border:none;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);position:relative;transition:all var(--duration-fast)}.tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--duration-fast)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary)}.tab.active:after{transform:scaleX(1)}.chip{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-12);background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);transition:all var(--duration-fast)}.chip-removable{padding-right:var(--space-6)}.chip-remove{width:16px;height:16px;border-radius:50%;background:var(--color-text-secondary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:background var(--duration-fast)}.chip-remove:hover{background:var(--color-error)}.pagination{display:flex;gap:var(--space-8);align-items:center;justify-content:center;margin-top:var(--space-24)}.pagination-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast);font-weight:var(--font-weight-medium)}.pagination-item:hover{border-color:var(--color-primary);background:var(--color-bg-1)}.pagination-item.active{background:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.input-group{position:relative;display:flex;align-items:stretch}.input-prefix,.input-suffix{display:flex;align-items:center;padding:var(--space-12);background:var(--color-secondary);border:2px solid var(--color-border);color:var(--color-text-secondary)}.input-prefix{border-right:none;border-radius:var(--radius-base) 0 0 var(--radius-base)}.input-suffix{border-left:none;border-radius:0 var(--radius-base) var(--radius-base) 0}.input-group .form-control{border-radius:0}.input-group .form-control:first-child{border-radius:var(--radius-base) 0 0 var(--radius-base)}.input-group .form-control:last-child{border-radius:0 var(--radius-base) var(--radius-base) 0}.search-bar{position:relative;max-width:400px}.search-bar input{padding-left:var(--space-32)}.search-icon{position:absolute;left:var(--space-12);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}@media(prefers-color-scheme:dark){.card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%}}.banner-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff;color:#1e293b;font-family:Inter,sans-serif;overflow-x:hidden}.banner-page .navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:var(--space-16) var(--space-24);position:sticky;top:0;z-index:1000}.banner-page .navbar-brand{color:#0ea5e9}.banner-page .navbar-link{color:#64748b;transition:color .3s ease}.banner-page .navbar-link:hover{color:#0ea5e9}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:flex-start;padding:var(--space-32) var(--space-24);background-color:#f0f9ff;background-image:linear-gradient(#e0f2fe 1px,transparent 1px),linear-gradient(90deg,#e0f2fe 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);filter:blur(60px);animation:pulseGlow 8s ease-in-out infinite}.hero-section:after{content:"";position:absolute;bottom:10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);filter:blur(60px);animation:pulseGlow 10s ease-in-out infinite reverse}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.hero-content{max-width:800px;text-align:left;position:relative;z-index:1;margin-left:var(--space-16)}.hero-headline{font-size:80px;font-weight:800;margin-bottom:var(--space-24);line-height:1.1;background:linear-gradient(135deg,#0284c7,#38bdf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subheadline{font-size:20px;color:#475569;margin-bottom:var(--space-32);line-height:1.6;border-left:3px solid #0ea5e9;padding-left:var(--space-16)}.cta-buttons{display:flex;gap:var(--space-16);justify-content:flex-start}.hero-section .btn-primary{background:#0ea5e9;color:#fff;border:none;box-shadow:0 4px 14px #0ea5e966}.hero-section .btn-primary:hover{background:#0284c7;transform:translateY(-2px)}.hero-section .btn-secondary{background:#fff;color:#0ea5e9;border:1px solid #0ea5e9}.hero-section .btn-secondary:hover{background:#f0f9ff}.scroll-trigger-container{position:relative;height:200vh;width:100%}.sticky-view{position:sticky;top:0;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#fff}.features-title{font-size:48px;color:#0f172a;text-align:center;margin-bottom:20px;font-weight:800}.features-subtitle{color:#0ea5e9;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:block;text-align:center;font-weight:700}.cards-row{display:flex;gap:24px;width:100%;max-width:1400px;padding:0 24px;align-items:flex-start}.feature-card-modern{flex:1;position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d;padding:2px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);will-change:transform}.feature-card-inner{background:#fff;border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column}.feature-image-container{height:180px;overflow:hidden;position:relative}.feature-image{width:100%;height:100%;object-fit:cover}.feature-content{padding:20px;flex:1;display:flex;flex-direction:column}.feature-title-modern{font-size:18px;font-weight:700;margin-bottom:10px;color:#0f172a}.feature-desc-modern{font-size:14px;color:#64748b;line-height:1.5}.counselor-icon-wrapper{background:#f0f9ff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:20px;color:#0ea5e9;font-size:28px}.banner-page .footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;position:relative;z-index:10}@media(max-width:1024px){.cards-row{flex-direction:column;max-width:500px}.feature-card-modern{width:100%;margin-bottom:16px;transform:none!important}.scroll-trigger-container{height:auto}.sticky-view{position:relative;height:auto;padding:60px 0}}@media(max-width:768px){.hero-headline{font-size:48px}.hero-section{min-height:auto;padding-top:100px;padding-bottom:60px}.hero-content{margin-left:0}}@media print{.navbar,.sidebar,.btn,.modal-overlay{display:none!important}.main-content{padding:0}.card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{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(prefers-contrast:high){.btn,.card,.form-control{border-width:2px}.btn:focus,.form-control:focus{outline-width:3px}}.hero-huge-text{font-size:clamp(3rem,10vw,8rem);line-height:.9;letter-spacing:-.03em;font-weight:700;color:var(--color-slate-900);margin-bottom:var(--space-24)}.hero-sub-text{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.4;color:var(--color-slate-500);max-width:600px}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:inline-flex;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{padding:0 3rem;opacity:.5;transition:opacity .3s}.marquee-item:hover{opacity:1}.feature-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.feature-grid-card{background:var(--color-surface);padding:var(--space-32);min-height:400px;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-grid-card:hover{background:var(--color-cream-50)}.feature-grid-card:hover .feature-grid-card-img{transform:scale(1.05);opacity:1}.feature-grid-card-img-wrapper{position:absolute;inset:0;z-index:0;opacity:.05;transition:all .5s ease}.feature-grid-card-img{width:100%;height:100%;object-fit:cover}.feature-grid-card-content{position:relative;z-index:1}.sticky-section-wrapper{position:relative;display:flex;justify-content:space-between;gap:var(--space-32);padding:var(--space-32) 0}.sticky-col-visual{width:50%;position:sticky;top:100px;height:60vh;display:flex;align-items:center;justify-content:center}.sticky-visual-card{width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-1) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.sticky-col-content{width:40%;display:flex;flex-direction:column;gap:30vh;padding-bottom:20vh}.sticky-text-block{min-height:40vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .5s}.sticky-text-block.active{opacity:1}.team-carousel{display:flex;gap:var(--space-24);overflow-x:auto;padding-bottom:var(--space-32);scroll-snap-type:x mandatory}.team-card-slide{min-width:300px;scroll-snap-align:start;background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s ease}.team-card-slide:hover{transform:translateY(-10px)}.team-img-container{height:300px;background:var(--color-bg-1);overflow:hidden}.team-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-card-slide:hover .team-img{transform:scale(1.1)}.text-huge{font-size:3rem;font-weight:700;line-height:1.1}.text-label{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem;display:block}@media(max-width:768px){.hero-huge-text{font-size:3rem}.sticky-section-wrapper{flex-direction:column}.sticky-col-visual{position:relative;width:100%;height:300px;top:0;margin-bottom:2rem}.sticky-col-content{width:100%;gap:2rem}.sticky-text-block{min-height:auto;opacity:1}.feature-grid-layout{grid-template-columns:1fr}}@media(max-width:768px){.main-layout{flex-direction:column!important}.sidebar{position:fixed;top:0;left:-280px;height:100vh;transition:left .3s ease;z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.menu-toggle{display:block!important;position:fixed;top:16px;left:16px;z-index:1001;background:var(--color-primary);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:20px}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.sidebar-overlay.active{display:block}.main-content{margin-left:0!important;padding:80px 16px 16px!important;width:100%!important}.navbar{padding:12px 16px!important;flex-wrap:wrap}.navbar .user-info{font-size:14px}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:16px!important}.card{margin-bottom:16px!important;padding:16px!important}.card-header{padding:12px!important}.card-body{padding:16px!important}.page-header{padding:16px 0!important;margin-bottom:16px!important}.page-title{font-size:24px!important}.page-subtitle{font-size:14px!important}.stats-grid{grid-template-columns:1fr!important}.stat-card{padding:16px!important}.form-group{margin-bottom:16px!important}.form-control{font-size:16px!important;padding:12px!important}.btn{padding:12px 20px!important;font-size:16px!important;width:100%!important}.btn-sm{padding:8px 12px!important;font-size:14px!important;width:auto!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.login-container{padding:20px!important}.login-card{padding:24px!important;max-width:100%!important}.otp-inputs{gap:8px!important}.otp-input{width:40px!important;height:45px!important;font-size:20px!important}.modal-content{width:95%!important;max-width:95%!important;margin:20px auto!important;max-height:90vh!important;overflow-y:auto!important}.test-container,.question-card{padding:16px!important}.options-grid{grid-template-columns:1fr!important}.widget{padding:16px!important}.file-upload{padding:20px!important}.progress-container{flex-direction:column!important;align-items:flex-start!important}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}}@media(max-width:480px){.page-title{font-size:20px!important}.card-title{font-size:18px!important}.stat-value{font-size:24px!important}.btn-lg{font-size:16px!important;padding:14px!important}.mb-24{margin-bottom:16px!important}.mt-24{margin-top:16px!important}.table-hide-mobile{display:none!important}}@media(max-width:768px)and (orientation:landscape){.main-content{padding-top:60px!important}}