@charset "UTF-8";:root,[data-theme=light]{--bg-primary: #f5f5f8;--bg-secondary: #eef0f4;--bg-surface: #fff;--bg-input: #f8f8fa;--text-primary: #1a1a2e;--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .45);--text-muted: rgba(0, 0, 0, .35);--text-placeholder: rgba(0, 0, 0, .3);--border-color: rgba(0, 0, 0, .12);--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .08);--shadow-sm: rgba(0, 0, 0, .06);--shadow-md: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .08);--navbar-bg: rgba(255, 255, 255, .95);--overlay-start: rgba(255, 255, 255, .95);--overlay-mid: rgba(255, 255, 255, .75);--overlay-end: rgba(255, 255, 255, .3);--carousel-btn-bg: rgba(0, 0, 0, .06);--carousel-btn-border: rgba(0, 0, 0, .1);--indicator-bg: rgba(0, 0, 0, .2);--indicator-hover: rgba(0, 0, 0, .4);--btn-outline-border: rgba(0, 0, 0, .2);--btn-outline-bg: rgba(0, 0, 0, .03);--btn-outline-hover-bg: rgba(0, 0, 0, .06);--btn-outline-hover-border: rgba(0, 0, 0, .4);--auth-gradient: linear-gradient(135deg, #f5f5f8 0%, #eee8f5 50%, #e8f0f8 100%);--auth-card-shadow: 0 4px 24px rgba(0, 0, 0, .06);--cta-gradient: linear-gradient(135deg, #eee8f5 0%, #eef0f4 50%, #e8f0f8 100%);--scrollbar-track: #f5f5f8;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--spinner-border: rgba(0, 0, 0, .1);--spinner-border-auth: rgba(0, 0, 0, .15);--star-empty: rgba(0, 0, 0, .15);--role-label-color: rgba(0, 0, 0, .5);--role-label-hover: rgba(0, 0, 0, .7);--role-label-border: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-primary: #0a0a1e;--bg-secondary: #0d0d24;--bg-surface: rgba(255, 255, 255, .04);--bg-input: rgba(255, 255, 255, .06);--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .35);--text-placeholder: rgba(255, 255, 255, .25);--border-color: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .08);--shadow-sm: rgba(0, 0, 0, .2);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .3);--navbar-bg: rgba(10, 10, 30, .95);--overlay-start: rgba(10, 10, 30, .95);--overlay-mid: rgba(10, 10, 30, .7);--overlay-end: rgba(10, 10, 30, .3);--carousel-btn-bg: rgba(255, 255, 255, .1);--carousel-btn-border: rgba(255, 255, 255, .15);--indicator-bg: rgba(255, 255, 255, .25);--indicator-hover: rgba(255, 255, 255, .5);--btn-outline-border: rgba(255, 255, 255, .35);--btn-outline-bg: rgba(255, 255, 255, .05);--btn-outline-hover-bg: rgba(255, 255, 255, .1);--btn-outline-hover-border: rgba(255, 255, 255, .6);--auth-gradient: linear-gradient(135deg, #0a0a1e 0%, #1a0a2e 50%, #0a1628 100%);--auth-card-shadow: none;--cta-gradient: linear-gradient(135deg, #1a0a2e 0%, #0d0d24 50%, #0a1628 100%);--scrollbar-track: #0a0a1e;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--spinner-border: rgba(255, 255, 255, .1);--spinner-border-auth: rgba(255, 255, 255, .3);--star-empty: rgba(255, 255, 255, .2);--role-label-color: rgba(255, 255, 255, .6);--role-label-hover: rgba(255, 255, 255, .8);--role-label-border: rgba(255, 255, 255, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.app-main{min-height:calc(100vh - 70px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.titlecase{text-transform:capitalize}