:root{--bg-base:#000;--bg-elevated:#0a0a0a;--bg-surface:#111;--bg-overlay:#1a1a1a;--bg-hover:#222;--bg-active:#2a2a2a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--text-disabled:#ffffff4d;--accent-primary:#fff;--accent-primary-light:#fff;--accent-primary-dark:#fffc;--accent-secondary:#ffffffe6;--accent-cyan:#ffffffb3;--accent-cyan-light:#ffffffd9;--accent-teal:#ffffffbf;--accent-pink:#fffc;--accent-amber:#ffffffd9;--success:#10b981;--success-light:#34d399;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fbbf24;--error:#ef4444;--error-light:#f87171;--error-dark:#dc2626;--info:#3b82f6;--info-light:#60a5fa;--border-subtle:#ffffff0a;--border-default:#ffffff14;--border-strong:#ffffff26;--border-accent:#fff3;--glow-primary:#eab30840;--glow-secondary:#f59e0b40;--glow-cyan:#06b6d440;--glow-success:#10b98140;--glow-error:#ef444440;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 24px 48px #000000b3;--shadow-glow:0 0 40px #eab30826;--gradient-primary:linear-gradient(135deg,#fff 0%,#ffffffe6 100%);--gradient-secondary:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);--gradient-success:linear-gradient(135deg,#fff 0%,#fffc 100%);--gradient-surface:linear-gradient(135deg,#ffffff05 0%,#ffffff03 100%);--gradient-shine:linear-gradient(135deg,#ffffff14 0%,transparent 50%);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-display:"Roboto Flex Variable",var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;font-size:16px}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:var(--radius-full);border:2px solid var(--bg-elevated)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-active)var(--bg-elevated)}.text-display{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(3rem,7vw,5.5rem);font-weight:1000;line-height:.95}.text-display-sm{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:1000;line-height:1}.text-h1{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:1000;line-height:1.1}.text-h2{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:1000;line-height:1.2}.text-h3{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.01em;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:1000;line-height:1.3}.text-h4{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;font-size:1.125rem;font-weight:1000;line-height:1.4}.header-lg{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.03em;color:var(--text-primary);transform-origin:0;font-size:clamp(2rem,5vw,2.5rem);font-weight:1000;line-height:1.1;display:inline-block;transform:skew(-6deg)scaleX(1.5)}.header-md{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.02em;color:var(--text-primary);transform-origin:0;font-size:1.5rem;font-weight:1000;line-height:1.2;display:inline-block;transform:skew(-6deg)scaleX(1.25)}.header-sm{font-family:var(--font-display);font-variation-settings:"wght" 1000,"wdth" 151,"XTRA" 603;letter-spacing:-.02em;color:var(--text-primary);transform-origin:0;font-size:1.125rem;font-weight:1000;line-height:1.3;display:inline-block;transform:skew(-6deg)scaleX(1.25)}.text-body{color:var(--text-primary);font-size:1rem;line-height:1.6}.text-body-sm{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.text-caption{color:var(--text-muted);letter-spacing:.02em;font-size:.75rem;line-height:1.4}.text-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:600}.text-overline{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:600}.text-stat{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:200;line-height:1}.text-stat-sm{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2rem);font-weight:200;line-height:1}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-success{background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-light)}.text-warning{color:var(--warning-light)}.text-error{color:var(--error-light)}.text-accent{color:var(--accent-primary-light)}.surface{border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#ffffff05;border-radius:0}.surface:hover{border-color:var(--border-default);background:#ffffff0a}.surface-elevated{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);background:#ffffff08;border-radius:0}.panel{border:1px solid var(--border-subtle);padding:var(--space-8);transition:border-color var(--transition-base);background:0 0;border-radius:0}.panel:hover{border-color:var(--border-default)}.card{border:1px solid var(--border-subtle);padding:var(--space-6);transition:all var(--transition-base);background:#ffffff05;border-radius:0;position:relative}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-default);background:#ffffff0a;transform:translateY(-2px)}.card-accent:before{content:"";opacity:0;width:100%;height:3px;transition:opacity var(--transition-base);background:linear-gradient(90deg,#fff,#0000);position:absolute;top:0;left:0}.card-accent:hover:before{opacity:1}.card-highlight{border-color:var(--border-default);background:#ffffff08}.card-highlight:before{opacity:.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{color:#000;text-transform:uppercase;letter-spacing:.08em;background:#fff;font-weight:700;box-shadow:0 4px 16px #ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);box-shadow:var(--shadow-sm);background:0 0;border:1px solid #ffffff26}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 40px #ffffff1a;background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);background:#ef444414;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 40px #ef444433;background:#ef44441f;border-color:#ef444480;transform:translateY(-2px)}.btn-sm{padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);font-size:.8125rem}.btn-lg{padding:var(--space-4)var(--space-8);border-radius:var(--radius-lg);font-size:1rem}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);font-size:1rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-overlay)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);background:var(--bg-overlay);box-shadow:0 0 0 3px var(--glow-primary);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-elevated)}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--text-muted);font-size:.8125rem}.form-error{color:var(--error-light);font-size:.8125rem}.tag{padding:var(--space-1)var(--space-3);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;font-size:.6875rem;font-weight:600;display:inline-flex}.tag-success{color:var(--success-light);background:#10b9810d;border-color:#10b98133}.tag-warning{color:var(--warning-light);background:#f59e0b0d;border-color:#f59e0b33}.tag-error{color:var(--error-light);background:#ef44440d;border-color:#ef444433}.tag-accent{color:var(--accent-primary-light);background:#eab3080d;border-color:#eab30833}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--accent-primary-light);background:#eab30826;border:1px solid #eab3084d}.badge-success{color:var(--success-light);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--warning-light);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-error{color:var(--error-light);background:#ef444426;border:1px solid #ef44444d}.list-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;text-decoration:none;display:flex;position:relative}.list-item:before{content:"";background:var(--accent-primary);width:0;height:1px;transition:width var(--transition-base);position:absolute;top:50%;left:0;transform:translateY(-50%)}.list-item:hover{border-color:var(--border-subtle);padding-left:var(--space-8);background:#ffffff05}.list-item:hover:before{width:20px}.list-item-number{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:24px;font-size:.875rem;font-weight:600}.list-item-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.list-item-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:500}.list-item-desc{color:var(--text-muted);font-size:.8125rem}.list-item-indicator{color:var(--text-muted);transition:all var(--transition-base);opacity:.3;font-size:1.125rem}.list-item:hover .list-item-indicator{opacity:1;color:var(--accent-primary);transform:translate(4px)}.accent-line{background:linear-gradient(90deg,var(--accent-primary),transparent);width:60px;height:1px}.accent-line-vertical{background:linear-gradient(180deg,var(--accent-primary),transparent);width:1px;height:60px}.accent-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px}.accent-bar{background:linear-gradient(90deg,var(--accent-primary),transparent);width:40px;height:2px}.visual-bar{background:var(--bg-overlay);width:100%;height:2px;position:relative}.visual-bar-fill{background:var(--gradient-primary);height:100%;transition:width 1s}.divider{background:var(--border-default);height:1px;margin:var(--space-6)0}.divider-gradient{background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.divider-vertical{background:linear-gradient(180deg,transparent,var(--border-subtle),transparent);width:1px;height:100%}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:.9375rem;display:flex}.alert-success{color:var(--success-light);background:#10b9811a;border:1px solid #10b9814d}.alert-warning{color:var(--warning-light);background:#f59e0b1a;border:1px solid #f59e0b4d}.alert-error{color:var(--error-light);background:#ef44441a;border:1px solid #ef44444d}.alert-info{color:var(--info-light);background:#3b82f61a;border:1px solid #3b82f64d}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:1s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-lg{border-width:3px;width:48px;height:48px}.loading-container{padding:var(--space-16)var(--space-6);justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.overlay{z-index:var(--z-modal);padding:var(--space-5);opacity:0;visibility:hidden;transition:all var(--transition-slow);-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-xl);opacity:0;animation:modalIn var(--transition-slow)forwards;overflow-y:auto;transform:scale(.95)translateY(20px)}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.container{width:100%;max-width:1400px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:900px}.container-lg{max-width:1600px}.page{min-height:100vh;position:relative}.main{z-index:1;max-width:1400px;padding:var(--space-16)var(--space-8);margin:0 auto;position:relative}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-shake{animation:.4s shake}@media (max-width:1024px){.container{padding:0 var(--space-5)}.main{padding:var(--space-12)var(--space-6)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 var(--space-4)}.main{padding:var(--space-10)var(--space-5)}.panel{padding:var(--space-6)}.card{padding:var(--space-5)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.text-display{font-size:2.5rem}.text-stat{font-size:2rem}.header-lg{font-size:1.75rem}.header-md{font-size:1.25rem}.header-sm{font-size:1rem}}@media (max-width:480px){html{font-size:15px}.main{padding:var(--space-8)var(--space-4)}.panel{padding:var(--space-5)}.btn{width:100%}.btn-sm{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-cyrillic-ext-wght-normal.83f25ae7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-cyrillic-wght-normal.13781f57.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-greek-wght-normal.54465113.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-vietnamese-wght-normal.04bf151c.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-latin-ext-wght-normal.b7232990.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/roboto-flex-latin-wght-normal.b478c525.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}