*{margin:0;padding:0;box-sizing:border-box}:root,body.light-theme{--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: rgba(31, 38, 135, .15);--glass-hover: rgba(255, 255, 255, .18);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--liquid-bg-1: rgba(120, 119, 198, .3);--liquid-bg-2: rgba(130, 104, 182, .3);--liquid-bg-3: rgba(102, 126, 234, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--touch-target-min: 44px;--button-height: 44px;--input-height: 44px}body.dark-theme{--bg-gradient-start: #1a1a2e;--bg-gradient-end: #16213e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--glass-hover: rgba(255, 255, 255, .08);--scrollbar-track: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--liquid-bg-1: rgba(50, 50, 80, .4);--liquid-bg-2: rgba(40, 40, 70, .4);--liquid-bg-3: rgba(30, 30, 60, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(max-width:767px){::-webkit-scrollbar{width:6px;height:6px}}a{text-decoration:none;color:var(--text-primary);min-height:var(--touch-target-min);display:inline-flex;align-items:center}button{cursor:pointer;font-family:inherit;min-height:var(--button-height);min-width:var(--button-height);padding:var(--spacing-sm) var(--spacing-md);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn-refresh{display:inline-flex;align-items:center;gap:8px;height:var(--button-height);padding:0 14px;background:linear-gradient(90deg,#ffffff0a,#ffffff05);color:var(--text-primary);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;box-shadow:0 6px 18px #0000001f}.btn-refresh svg{flex:0 0 auto;display:inline-block;color:var(--text-primary);opacity:.95}.btn-refresh span{line-height:1}.btn-refresh:hover{transform:translateY(-2px);background:var(--glass-hover);box-shadow:0 10px 26px #0000002e}.btn-refresh:focus{outline:3px solid rgba(102,126,234,.18);outline-offset:2px}input,textarea,select{min-height:var(--input-height);padding:var(--spacing-sm) var(--spacing-md);font-size:16px}.container{max-width:1200px;margin:0 auto;padding:20px;width:100%}@media(max-width:767px){.container{padding:var(--spacing-md)}}@media(min-width:768px)and (max-width:1023px){.container{padding:var(--spacing-lg)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);padding:24px;margin-bottom:20px}@media(max-width:767px){.glass-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:12px}}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media(max-width:767px){.show-mobile{display:block!important}}.show-tablet{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-tablet{display:block!important}}.show-desktop{display:none!important}@media(min-width:1024px){.show-desktop{display:block!important}}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-sm))}.col{flex:1;padding:0 var(--spacing-sm);min-width:0}.col-12{width:100%}.col-11{width:91.66%}.col-10{width:83.33%}.col-9{width:75%}.col-8{width:66.66%}.col-7{width:58.33%}.col-6{width:50%}.col-5{width:41.66%}.col-4{width:33.33%}.col-3{width:25%}.col-2{width:16.66%}.col-1{width:8.33%}@media(max-width:767px){.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%;margin-bottom:var(--spacing-md)}}@media(min-width:768px)and (max-width:1023px){.col-md-12{width:100%}.col-md-6{width:50%}.col-md-4{width:33.33%}.col-md-3{width:25%}}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media(max-width:767px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}