:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;--primary-cyan: #00BFFF;--primary-green: #7ED321;--gradient-brand: linear-gradient(135deg, #00BFFF 0%, #7ED321 100%);--blue-dark: #0080CC;--green-dark: #5BA617;--accent-light-blue: #33CCFF;--accent-light-green: #9AE234;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-surface: #F8F9FA;--border-color: #E9ECEF;--text-primary: #212529;--text-secondary: #6C757D;--text-muted: #ADB5BD;--gradient-primary: linear-gradient(135deg, #00BFFF 0%, #7ED321 100%);--gradient-secondary: linear-gradient(135deg, #33CCFF 0%, #9AE234 100%);--gradient-accent: linear-gradient(135deg, #0080CC 0%, #5BA617 100%);--gradient-subtle-bg: linear-gradient(135deg, #F0FBFF 0%, #F0FFF0 100%);--gradient-button-hover: linear-gradient(135deg, #0080CC 0%, #5BA617 100%);--color-primary: #00BFFF;--color-primary-light: #33CCFF;--color-primary-dark: #0080CC;--color-secondary: #7ED321;--color-secondary-light: #9AE234;--color-secondary-dark: #5BA617;--dashboard-card-bg: rgba(255, 255, 255, .95);--dashboard-card-border: rgba(0, 191, 255, .1);--dashboard-card-shadow: 0 2px 16px rgba(0, 0, 0, .04);--dashboard-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .08);--dashboard-navbar-bg: rgba(255, 255, 255, .95);--dashboard-sidebar-bg: #FAFBFC;--dashboard-radius: 16px;--dashboard-transition: all .3s ease;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-backdrop: blur(16px)}[data-theme=dark]{color-scheme:dark;--primary-cyan: #40C9FF;--primary-green: #8FE85C;--gradient-brand: linear-gradient(135deg, #40C9FF 0%, #8FE85C 100%);--blue-dark: #1A9FFF;--green-dark: #6BCF32;--accent-light-blue: #66D6FF;--accent-light-green: #A8F268;--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-surface: #21262D;--border-color: #30363D;--text-primary: #F0F6FC;--text-secondary: #8B949E;--text-muted: #656D76;--gradient-primary: linear-gradient(135deg, #40C9FF 0%, #8FE85C 100%);--gradient-secondary: linear-gradient(135deg, #66D6FF 0%, #A8F268 100%);--gradient-accent: linear-gradient(135deg, #1A9FFF 0%, #6BCF32 100%);--gradient-subtle-bg: linear-gradient(135deg, #0F1419 0%, #0D1117 100%);--gradient-button-hover: linear-gradient(135deg, #1A9FFF 0%, #6BCF32 100%);--color-primary: #40C9FF;--color-primary-light: #66D6FF;--color-primary-dark: #1A9FFF;--color-secondary: #8FE85C;--color-secondary-light: #A8F268;--color-secondary-dark: #6BCF32;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-backdrop: blur(16px);--dashboard-card-bg: rgba(22, 27, 34, .95);--dashboard-card-border: rgba(64, 201, 255, .2);--dashboard-card-shadow: 0 2px 16px rgba(0, 0, 0, .3);--dashboard-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--dashboard-navbar-bg: rgba(22, 27, 34, .95);--dashboard-sidebar-bg: #161B22}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--primary-cyan: #40C9FF;--primary-green: #8FE85C;--gradient-brand: linear-gradient(135deg, #40C9FF 0%, #8FE85C 100%);--blue-dark: #1A9FFF;--green-dark: #6BCF32;--accent-light-blue: #66D6FF;--accent-light-green: #A8F268;--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-surface: #21262D;--border-color: #30363D;--text-primary: #F0F6FC;--text-secondary: #8B949E;--text-muted: #656D76;--gradient-primary: linear-gradient(135deg, #40C9FF 0%, #8FE85C 100%);--gradient-secondary: linear-gradient(135deg, #66D6FF 0%, #A8F268 100%);--gradient-accent: linear-gradient(135deg, #1A9FFF 0%, #6BCF32 100%);--gradient-subtle-bg: linear-gradient(135deg, #0F1419 0%, #0D1117 100%);--gradient-button-hover: linear-gradient(135deg, #1A9FFF 0%, #6BCF32 100%);--color-primary: #40C9FF;--color-primary-light: #66D6FF;--color-primary-dark: #1A9FFF;--color-secondary: #8FE85C;--color-secondary-light: #A8F268;--color-secondary-dark: #6BCF32;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-backdrop: blur(16px);--dashboard-card-bg: rgba(22, 27, 34, .95);--dashboard-card-border: rgba(64, 201, 255, .2);--dashboard-card-shadow: 0 2px 16px rgba(0, 0, 0, .3);--dashboard-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--dashboard-navbar-bg: rgba(22, 27, 34, .95);--dashboard-sidebar-bg: #161B22}}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}[contenteditable],input,textarea,.selectable-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.app{text-align:center;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}.app-header{background:var(--gradient-primary);color:#fff;padding:20px}main{flex:1;padding:20px;padding:clamp(16px,4vw,20px)}footer{padding:10px;background-color:#f0f0f0;border-top:1px solid #ddd}h1{font-size:3.2em;line-height:1.1;font-size:clamp(2rem,8vw,3.2rem)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover{border-color:var(--primary-cyan)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){main{padding:16px}h1{font-size:2.5rem}button{padding:.8em 1.4em;font-size:1.1em}}@media (hover: none) and (pointer: coarse){button:hover{border-color:transparent}button,[role=button],input,select,textarea{min-height:44px;min-width:44px}}@supports (padding: max(0px)){.app{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-header{padding-top:max(20px,env(safe-area-inset-top))}footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-accent{background:var(--gradient-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}a{color:var(--primary-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-light-blue)}button{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}@media screen and (max-width: 767px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select{font-size:16px}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}