@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:wght@400;500;600;700&family=Chakra+Petch:wght@400;600;700&display=swap";.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loading-spinner{display:flex;gap:8px}.loading-spinner-small .spinner-circle{width:8px;height:8px}.loading-spinner-medium .spinner-circle{width:12px;height:12px}.loading-spinner-large .spinner-circle{width:16px;height:16px}.spinner-circle{border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:spinner-bounce 1.4s infinite ease-in-out both}.spinner-circle:nth-child(1){animation-delay:-.32s}.spinner-circle:nth-child(2){animation-delay:-.16s}.spinner-circle:nth-child(3){animation-delay:0s}@keyframes spinner-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-text{margin-top:16px;color:#666;font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;padding:16px;z-index:9999;transition:all .3s ease}.toast-hidden{transform:translate(400px);opacity:0}.toast-visible{transform:translate(0);opacity:1}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-message{flex:1;font-size:14px;color:#333;line-height:1.5}.toast-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#f3f4f6;color:#666}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:none}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:20px;position:relative}.register-card{background:#fff;border:1px solid #e9e5f5;border-radius:20px;padding:40px;max-width:440px;width:100%;position:relative;box-shadow:0 0 0 1px #7c3aed0f,0 4px 24px #7c3aed0f;animation:fadeIn .4s ease-out}.register-card h1{font-family:DM Sans,sans-serif;font-size:1.2rem;color:#1e1b4b;text-align:center;margin:0 0 8px;font-weight:600}.register-subtitle{color:#94a3b8;text-align:center;margin-bottom:30px;font-size:.85rem;font-family:DM Sans,sans-serif;letter-spacing:.03em}.error-message{background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#ef4444;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;font-family:DM Sans,sans-serif;animation:shake .4s}.register-form{margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:#475569;font-weight:600;font-size:.8rem;font-family:Outfit,sans-serif;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e9e5f5;border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;background:#f8f5ff;color:#1e1b4b;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group input:disabled,.form-group select:disabled{background:#f0ecf8;opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#94a3b8}.form-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' 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:36px}.form-group select option{background:#fff;color:#1e1b4b}.register-button{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:Outfit,sans-serif;letter-spacing:.03em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.register-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.register-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f133}.register-button:disabled{opacity:.6;cursor:not-allowed;background:#c4b5fd;box-shadow:none}.register-button.loading{position:relative;pointer-events:none}.register-button.loading .button-text{margin-left:8px}.register-footer{text-align:center;color:#94a3b8;font-size:14px;font-family:DM Sans,sans-serif}.login-link{color:#7c3aed;text-decoration:none;font-weight:600;margin-left:5px;transition:color .2s}.login-link:hover{color:#6366f1}.school-input-wrapper{position:relative}.school-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9e5f5;border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0000001a}.school-suggestion-item{display:flex;flex-direction:column;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f5f0ff}.school-suggestion-item:last-child{border-bottom:none}.school-suggestion-item:hover,.school-suggestion-item.highlighted{background:#f5f0ff}.school-name{font-size:14px;color:#1e1b4b;font-family:DM Sans,sans-serif;font-weight:500}.school-name-en{font-size:12px;color:#94a3b8;font-family:DM Sans,sans-serif;margin-top:2px}.field-hint{display:block;margin-top:4px;font-size:12px;color:#94a3b8;font-family:DM Sans,sans-serif}.profile-container{max-width:800px;margin:0 auto;padding:40px 20px;background:#faf5ff;min-height:100vh}.profile-content h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:#1e1b4b;margin-bottom:30px;letter-spacing:.5px}.message{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;font-family:DM Sans,sans-serif;border:1px solid #e9e5f5;background:#fff;box-shadow:0 0 0 1px #7c3aed0f,0 4px 24px #7c3aed0f}.message.success{background:#f0fdf4;color:#10b981;border-left:4px solid #10b981}.message.error{background:#fef2f2;color:#ef4444;border-left:4px solid #ef4444}.profile-section{background:#fff;border:1px solid #e9e5f5;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 0 0 1px #7c3aed0f,0 4px 24px #7c3aed0f;position:relative;overflow:hidden}.profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#ec4899)}.profile-section h2{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1e1b4b;margin-top:0;margin-bottom:20px;padding-bottom:12px;padding-left:12px;border-top:none;border-bottom:1px solid #e9e5f5;border-left:3px solid #8b5cf6;letter-spacing:.3px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#475569;font-size:13px;letter-spacing:.3px;text-transform:uppercase;font-family:DM Sans,sans-serif}.form-group input,.form-group textarea{padding:12px 14px;background:#f8f5ff;border:1px solid #e9e5f5;border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:#1e1b4b;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.form-group input:disabled,.form-group textarea:disabled{background:#f3f0f9;color:#94a3b8;cursor:not-allowed;border-color:#e9e5f5}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.disabled-input{background:#f3f0f9!important;color:#94a3b8!important;border-color:#e9e5f5!important}.form-group textarea{resize:vertical;min-height:80px}.submit-button{padding:14px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:12px;font-size:15px;font-family:DM Sans,sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;letter-spacing:.3px}.submit-button:hover:not(:disabled){box-shadow:0 8px 32px #7c3aed4d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:#fff!important;color:#8b5cf6!important;border:1px solid #c4b5fd!important;border-radius:10px!important}.button-secondary:hover:not(:disabled){background:#f8f5ff!important;border-color:#8b5cf6!important;box-shadow:0 4px 24px #8b5cf626!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-item{text-align:center;padding:20px 16px;background:#fff;border:1px solid #e9e5f5;border-radius:16px;box-shadow:0 0 0 1px #7c3aed0f,0 4px 24px #7c3aed0f;transition:border-color .3s,box-shadow .3s}.stat-item:hover{border-color:#c4b5fd;box-shadow:0 0 0 1px #7c3aed1a,0 8px 32px #7c3aed1a}.stat-label{font-size:12px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:DM Sans,sans-serif}.stat-value{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;color:#6366f1}.stat-value.active{color:#10b981}.stat-value.inactive{color:#ef4444}/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", monospace;--spacing:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg-body:#faf5ff;--bg-card:#fff;--bg-input:#f8f5ff;--bg-hover:#f5f0ff;--bg-nav:#ffffffd9;--gradient-primary:linear-gradient(135deg, #6366f1, #a855f7);--gradient-accent:linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7, #ec4899);--gradient-subtle:linear-gradient(135deg, #ede9fe, #f5f3ff, #faf5ff);--text-primary:#1e1b4b;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-indigo:#6366f1;--accent-purple:#7c3aed;--accent-violet:#8b5cf6;--accent-fuchsia:#a855f7;--accent-pink:#ec4899;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-blue:#3b82f6;--border-default:#e9e5f5;--border-hover:#c4b5fd;--border-focus:#8b5cf6;--shadow-card:0 0 0 1px #7c3aed0f, 0 4px 24px #7c3aed0f;--shadow-card-hover:0 0 0 1px #7c3aed1a, 0 12px 40px #7c3aed1a;--shadow-button:0 4px 12px #6366f14d;--shadow-button-hover:0 6px 20px #6366f166;--shadow-nav:0 1px 3px #0000000a, 0 8px 32px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body);color:var(--text-primary);background-image:radial-gradient(at 0 0,#6366f114,#0000 50%),radial-gradient(at 100% 100%,#a855f714,#0000 50%),radial-gradient(#ec48990a,#0000 70%);background-attachment:fixed;min-height:100vh;font-family:DM Sans,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}#root{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600}a{color:var(--accent-purple);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-indigo)}button{cursor:pointer;border:none;outline:none;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:inherit;background:var(--bg-input);border:1.5px solid var(--border-default);color:var(--text-primary);border-radius:10px;outline:none;transition:all .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #8b5cf61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,textarea:disabled{opacity:.6;background:#f1f5f9}.App{min-height:100vh}.loading{height:100vh;color:var(--accent-purple);justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.2rem;display:flex}.navbar{background:var(--bg-nav);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-default);z-index:1000;box-shadow:var(--shadow-nav);padding:0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:.02em;flex-shrink:0;margin:0;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.navbar-logo span{opacity:.5;margin-left:6px;font-size:.7em;font-weight:400}.navbar-toggle{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:20px;transition:all .2s;display:none}.navbar-toggle:hover{background:var(--bg-hover)}.nav-links{flex-wrap:wrap;gap:.25rem;display:flex}.nav-links a{color:var(--text-secondary);cursor:pointer;pointer-events:auto;border-radius:8px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--accent-purple);background:#7c3aed0f}.nav-links a:after{display:none}.user-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-cash{color:var(--accent-purple);background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid #7c3aed1f;border-radius:20px;padding:.3rem .75rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.logout-button{color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.logout-button:hover{color:var(--accent-danger);background:#ef44440f;border-color:#ef444433}.container{max-width:1280px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1rem;padding:1.5rem;transition:all .25s}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-hover)}.card h2{color:var(--text-primary);margin-bottom:1rem;font-family:Outfit,sans-serif}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s ease-out fadeIn}.slide-up{animation:.4s ease-out slideUp}.shake{animation:.4s shake}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-toggle{display:block}.nav-links{border-top:1px solid var(--border-default);flex-direction:column;order:3;gap:0;width:100%;padding:.5rem 0;display:none}.nav-links-open{display:flex}.nav-links a{border-radius:8px;width:100%;padding:.7rem 1rem;font-size:.9rem}.user-info{border-top:1px solid var(--border-default);flex-direction:column;order:4;gap:.75rem;width:100%;padding:.75rem 0;display:none}.user-info-open{display:flex}.user-cash,.logout-button{text-align:center;width:100%}.container{padding:1rem}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-runnable-track{opacity:.4;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:3px solid #8b5cf6;border-radius:50%;width:22px;height:22px;margin-top:-7px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000026}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 12px #8b5cf666}input[type=range]::-moz-range-track{opacity:.4;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:4px;height:8px}input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #8b5cf6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000026}input[type=range]:disabled::-webkit-slider-thumb{opacity:.5}input[type=range]:disabled::-moz-range-thumb{opacity:.5}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}