:root{--color-bg-base:#0a0b0d;--color-bg-surface:#111318;--color-bg-elevated:#181c24;--color-bg-overlay:#1e2330;--color-border-subtle:#1e2330;--color-border-default:#252d3d;--color-border-strong:#2e3a52;--color-accent:#3b7bff;--color-accent-hover:#5590ff;--color-accent-dim:#3b7bff1f;--color-success:#00d4a0;--color-warning:#f5a623;--color-danger:#ff4d6d;--color-text-primary:#f0f2f8;--color-text-secondary:#8892a4;--color-text-muted:#4a5568;--color-text-inverse:#0a0b0d;--font-display:"Clash Display", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 16px 48px #0009, 0 6px 16px #0006;--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:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-base);height:100%;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-dim);color:var(--color-text-primary)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ant-card{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)!important}.ant-card:hover{border-color:var(--color-border-default)!important;box-shadow:var(--shadow-md)!important}.ant-card-head{border-bottom:1px solid var(--color-border-subtle)!important;font-family:var(--font-display)!important;color:var(--color-text-primary)!important;padding:var(--space-4) var(--space-6)!important;min-height:unset!important;font-size:14px!important;font-weight:500!important}.ant-card-body{padding:var(--space-6)!important}.ant-table{font-family:var(--font-body)!important;background:0 0!important}.ant-table-thead>tr>th{background:var(--color-bg-overlay)!important;border-bottom:1px solid var(--color-border-default)!important;color:var(--color-text-muted)!important;font-family:var(--font-body)!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:var(--space-3) var(--space-4)!important;font-size:11px!important;font-weight:500!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border-subtle)!important;color:var(--color-text-primary)!important;padding:var(--space-4)!important;transition:background var(--duration-fast) var(--ease-out)!important}.ant-table-tbody>tr:hover>td{background:var(--color-bg-overlay)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-input,.ant-input-password,.ant-select-selector{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;font-family:var(--font-body)!important;transition:border-color var(--duration-fast) var(--ease-out)!important}.ant-input:focus,.ant-input:hover,.ant-input-password:focus-within,.ant-input-password:hover{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-dim)!important}.ant-input::placeholder{color:var(--color-text-muted)!important}.ant-btn-primary{background:var(--color-accent)!important;font-family:var(--font-body)!important;transition:all var(--duration-fast) var(--ease-out)!important;border:none!important;font-weight:500!important}.ant-btn-primary:hover{background:var(--color-accent-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b7bff59!important}.ant-btn-primary:active{transform:translateY(0)!important}.ant-btn:not(.ant-btn-primary){border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;transition:all var(--duration-fast) var(--ease-out)!important;background:0 0!important}.ant-btn:not(.ant-btn-primary):hover{border-color:var(--color-border-strong)!important;color:var(--color-text-primary)!important;background:var(--color-bg-overlay)!important}.ant-tag{border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;border:none!important;padding:2px 8px!important;font-size:11px!important;font-weight:500!important}.ant-statistic-title{color:var(--color-text-muted)!important;font-family:var(--font-body)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:12px!important;font-weight:500!important}.ant-statistic-content-value{font-family:var(--font-display)!important;color:var(--color-text-primary)!important}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:500!important}.ant-dropdown-menu{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-2)!important}.ant-dropdown-menu-item{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;transition:all var(--duration-fast) var(--ease-out)!important}.ant-dropdown-menu-item:hover{background:var(--color-bg-overlay)!important;color:var(--color-text-primary)!important}.ant-modal-content{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-header{border-bottom:1px solid var(--color-border-subtle)!important;padding:var(--space-6)!important;background:0 0!important}.ant-modal-title{font-family:var(--font-display)!important;color:var(--color-text-primary)!important;font-size:18px!important;font-weight:600!important}.ant-breadcrumb-link{color:var(--color-text-muted)!important;font-family:var(--font-body)!important;transition:color var(--duration-fast) var(--ease-out)!important;font-size:13px!important}.ant-breadcrumb-link:hover{color:var(--color-text-secondary)!important}.ant-breadcrumb li:last-child .ant-breadcrumb-link{color:var(--color-text-primary)!important}.ant-breadcrumb-separator{color:var(--color-text-muted)!important}.ant-pagination-item{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;background:0 0!important}.ant-pagination-item-active{background:var(--color-accent-dim)!important;border-color:var(--color-accent)!important}.ant-pagination-item-active a{color:var(--color-accent)!important}.ant-spin-dot-item{background-color:var(--color-accent)!important}.ant-message-notice-content{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--color-text-primary)!important;font-family:var(--font-body)!important}.login-noise:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}@keyframes orbFloat{0%,to{opacity:.4;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(30px,-20px)scale(1.05)}66%{opacity:.35;transform:translate(-20px,15px)scale(.95)}}.login-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.login-orb-1{background:radial-gradient(circle,#3b7bff59 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.login-orb-2{background:radial-gradient(circle,#00d4a033 0%,#0000 70%);width:300px;height:300px;animation-delay:-4s;bottom:50px;right:-50px}.login-orb-3{background:radial-gradient(circle,#3b7bff26 0%,#0000 70%);width:200px;height:200px;animation-delay:-8s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cardFloat{0%,to{transform:translateY(0px) rotate(var(--rotate,0deg))}50%{transform:translateY(-8px) rotate(var(--rotate,0deg))}}.login-float-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#181c24cc;border:1px solid #2e3a5299;border-radius:12px;padding:16px;animation:6s ease-in-out infinite cardFloat;position:absolute}@keyframes buttonShimmer{0%{background-position:-200%}to{background-position:200%}}.login-submit-btn{position:relative;overflow:hidden;background:var(--color-accent)!important;height:48px!important;font-family:var(--font-body)!important;letter-spacing:.01em!important;transition:all var(--duration-fast) var(--ease-out)!important;border-radius:var(--radius-sm)!important;border:none!important;font-size:15px!important;font-weight:500!important}.login-submit-btn:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%) -200%/200% 100%;transition:none;position:absolute;inset:0}.login-submit-btn:hover:after{animation:buttonShimmer .6s var(--ease-out) forwards}.login-submit-btn:hover{background:var(--color-accent-hover)!important;box-shadow:0 0 0 1px var(--color-accent), 0 8px 24px #3b7bff66!important;transform:translateY(-1px)!important}.login-submit-btn:active{box-shadow:0 0 0 1px var(--color-accent)!important;transform:translateY(0)!important}.login-panel .ant-input,.login-panel .ant-input-affix-wrapper{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;height:48px!important;color:var(--color-text-primary)!important;font-family:var(--font-body)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;transition:all var(--duration-fast) var(--ease-out)!important;background:#181c2499!important;font-size:14px!important}.login-panel .ant-input-affix-wrapper:focus-within{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-dim), 0 0 20px #3b7bff26!important;background:#1e2432cc!important}.login-panel .ant-input-password-icon{color:var(--color-text-muted)!important;transition:color var(--duration-fast) var(--ease-out)!important}.login-panel .ant-input-password-icon:hover{color:var(--color-text-secondary)!important}.login-panel .ant-form-item-label>label{color:var(--color-text-secondary)!important;font-size:13px!important;font-weight:500!important}.login-panel .ant-form-item-explain-error{color:var(--color-danger)!important;font-size:12px!important;font-family:var(--font-body)!important}.login-animate{opacity:0;animation:fadeSlideUp var(--duration-slow) var(--ease-out) forwards}.login-animate-1{animation-delay:0s}.login-animate-2{animation-delay:80ms}.login-animate-3{animation-delay:.16s}.login-animate-4{animation-delay:.24s}.login-animate-5{animation-delay:.32s}.login-animate-6{animation-delay:.4s}.login-divider{background:linear-gradient(90deg, var(--color-accent), transparent);border-radius:2px;width:40px;height:2px;margin:16px 0}.login-grid{pointer-events:none;background-image:linear-gradient(#3b7bff0a 1px,#0000 1px),linear-gradient(90deg,#3b7bff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-stat-chip{border:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181c24b3;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}@media (max-width:1024px){.login-left-panel{display:none!important}.login-right-panel{border-left:none!important;width:100%!important}}.template-card{transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.template-card:hover{transform:translateY(-3px);border-color:var(--color-border-strong)!important;box-shadow:var(--shadow-md)!important}.info-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.info-grid-item{border-bottom:1px solid var(--color-border-subtle);padding:14px 0}.info-grid-item:nth-last-child(-n+2){border-bottom:none}.info-grid-label{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:500}.info-grid-value{font-family:var(--font-body);color:var(--color-text-primary);font-size:13px}.info-grid-value.mono{font-family:var(--font-mono);font-size:12px}.danger-zone{border-left:3px solid var(--color-danger)!important}.danger-zone-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.danger-zone-row:last-child{border-bottom:none;padding-bottom:0}.back-button{cursor:pointer;font-family:var(--font-body);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;display:inline-flex}.back-button:hover{color:var(--color-text-primary)}.ant-select-dropdown{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-select-item{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important}.ant-select-item-option-selected{background:var(--color-accent-dim)!important;color:var(--color-accent)!important}.ant-select-item-option-active{background:var(--color-bg-overlay)!important;color:var(--color-text-primary)!important}.ant-picker{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important}.ant-picker-dropdown{font-family:var(--font-body)!important}.ant-pagination-prev button,.ant-pagination-next button{border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important;border-radius:var(--radius-sm)!important;background:0 0!important}.ant-input-number{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;font-family:var(--font-mono)!important;width:100%!important}.ant-input-number:focus-within{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-dim)!important}.stat-card-clickable{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)!important}.stat-card-clickable:hover{transform:translateY(-3px);border-color:var(--color-border-strong)!important;box-shadow:var(--shadow-md)!important}.premium-table .ant-table-tbody>tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.section-animate{opacity:0;animation:fadeSlideUp var(--duration-slow) var(--ease-out) forwards}.section-animate-1{animation-delay:0s}.section-animate-2{animation-delay:80ms}.section-animate-3{animation-delay:.16s}.section-animate-4{animation-delay:.24s}.metric-tile{background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:16px;display:flex}.metric-tile:hover{border-color:var(--color-border-default);background:var(--color-bg-elevated)}.transaction-row{border-bottom:1px solid var(--color-border-subtle);transition:opacity var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{opacity:.8}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #00d4a066}50%{opacity:.8;box-shadow:0 0 0 4px #00d4a000}}.live-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;display:inline-block}.skeleton-line{background:linear-gradient(90deg, var(--color-bg-overlay) 25%, var(--color-border-default) 50%, var(--color-bg-overlay) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.settings-section{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.settings-section-label{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:500}.setting-row{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px;display:flex}.setting-row:hover{border-color:var(--color-border-default)}.setting-row-info{flex:1;min-width:0}.setting-row-label{font-family:var(--font-body);color:var(--color-text-primary);margin-bottom:3px;font-size:14px;font-weight:500}.setting-row-description{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px;line-height:1.5}.setting-row-meta{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:6px;font-size:10px}.setting-row-control{flex-shrink:0;align-items:center;gap:10px;display:flex}.bundle-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);padding:16px;position:relative}.bundle-card:hover{border-color:var(--color-border-default)}.bundle-card.bundle-popular{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.maintenance-banner{border-radius:var(--radius-md);background:#f5a62314;border:1px solid #f5a62340;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.setting-value-badge{background:var(--color-accent-dim);color:var(--color-accent);font-family:var(--font-mono);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:60px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.danger-zone-card{border-left:3px solid var(--color-danger)}