:root{--color-bg:#0a0a0f;--color-bg-card:#161620cc;--color-bg-elevated:#16161f;--color-bg-sidebar:#12121ce6;--color-bg-hover:#ffffff0a;--color-text-primary:#f0f0f5;--color-text-secondary:#8e8ea0;--color-text-tertiary:#5a5a6e;--color-text-inverse:#fff;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#10b9811f;--color-focus-ring:#67e8c3;--gradient-accent:linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-accent-vibrant:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-gold:linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #10b98126 0%, transparent 60%);--color-success:#34d399;--color-success-bg:#34d3991a;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-error:#f87171;--color-error-bg:#f871711a;--color-border:#ffffff14;--color-border-light:#ffffff0a;--color-divider:#ffffff0f;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 30px #10b98140;--shadow-glow-lg:0 0 60px #10b98159;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:50%;--font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-height:72px;--sidebar-width:360px;--max-width:1280px;--grid-width:1040px;--grid-padding:20px;--fenmob-nav-h:54px;--control-min-target:44px;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--gradient-glow);pointer-events:none;z-index:0;width:800px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}a{color:inherit;text-decoration:none}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid var(--color-focus-ring)!important}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.skip-to-content{z-index:9999;background:var(--color-accent);color:#fff;border-radius:0 0 8px;padding:8px 16px;font-size:.875rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}input,textarea,select{font-family:inherit;font-size:inherit}input,textarea{caret-color:var(--color-focus-ring)}select,select option{background-color:var(--color-bg-elevated,#16161f);color:var(--color-text-primary,#f0f0f5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}img{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;isolation:isolate;max-width:100%;height:auto;transform:translateZ(0);filter:brightness()invert(0)!important}.dark-mode-protected{backface-visibility:hidden;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important;transform:translateZ(0)!important}h1,.h1{letter-spacing:-.03em;font-size:2.5rem;font-weight:800;line-height:1.15}h2,.h2{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.25}h3,.h3{font-size:1.125rem;font-weight:600;line-height:1.4}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.container{width:100%;max-width:var(--grid-width);padding:0 var(--grid-padding);margin:0 auto;position:relative}.page-content{padding-top:calc(var(--header-height) + 24px);min-height:100vh;padding-bottom:48px}@media (max-width:768px){.page-content{padding-bottom:90px}}.glass{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #10b98173}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}.btn-primary:hover:after{transform:rotate(30deg)translate(100%)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-lg{border-radius:var(--radius-md);padding:15px 32px;font-size:1rem;font-weight:700}.btn-sm{padding:7px 14px;font-size:.8125rem}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f;transform:translateY(-2px)}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0a;padding:12px 16px;font-size:.9375rem}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background:#ffffff0f;outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #10b98133}50%{box-shadow:0 0 40px #10b98166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-fadeInUp{animation:.5s forwards fadeInUp}.animate-slideInRight{animation:.4s forwards slideInRight}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#10b9814d}@media (max-width:1024px){:root{--max-width:100%}}@media (max-width:768px){:root{--header-height:60px;--sidebar-width:100%}h1,.h1{font-size:1.75rem}h2,.h2{font-size:1.375rem}.container{padding:0 16px}.btn-lg{padding:14px 24px;font-size:.9375rem}.input{padding:14px 16px;font-size:16px}select.input,.filterInput,select{font-size:16px}body:before{width:400px;height:300px;top:-100px}}@media (max-width:380px){h1,.h1{font-size:1.5rem}.container{padding:0 12px}.btn-lg{padding:12px 20px;font-size:.875rem}}.sr-hidden{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.sr-visible{opacity:1!important;transform:translateY(0)!important}