:root{--color-bg-primary:#0d1728;--color-bg-secondary:#131f36;--color-bg-tertiary:#192845;--color-bg-elevated:#213152;--color-bg-hover:#283a5f;--color-surface:#152036;--color-surface-hover:#1b2a46;--color-surface-border:#22d3ee38;--color-brand-primary:#22d3ee;--color-brand-secondary:#14b8a6;--color-brand-accent:#67e8f9;--color-brand-glow:#22d3ee4d;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-accent:#67e8f9;--color-success:#34d399;--color-success-glow:#34d39959;--color-warning:#fbbf24;--color-warning-glow:#fbbf2466;--color-danger:#f87171;--color-danger-glow:#f8717166;--color-info:#38bdf8;--color-info-glow:#38bdf859;--border-subtle:1px solid #94a3b81a;--border-default:1px solid #94a3b82e;--border-brand:1px solid #22d3ee59;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 14px 32px #00000080;--shadow-glow:0 0 22px #22d3ee38;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--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;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);background-image:radial-gradient(80% 60% at 20% 0,#14b8a614,#0000 60%),radial-gradient(80% 60% at 100% 20%,#22d3ee0f,#0000 55%),radial-gradient(60% 50% at 50% 100%,#0ea5e90d,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}::selection{color:var(--color-text-primary);background:#22d3ee4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px}50%{box-shadow:0 0 12px}}@keyframes spin{to{transform:rotate(360deg)}}.ss-dropdown{position:relative}.ss-dropdown__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;height:36px;font-weight:500;display:flex}.ss-dropdown__trigger:hover{color:var(--color-text-primary);background:#22d3ee14;border-color:#22d3ee33}.ss-dropdown__trigger.is-open{color:var(--color-brand-accent);background:#22d3ee1f;border-color:#22d3ee4d}.ss-dropdown__trigger svg{flex-shrink:0}.ss-dropdown__trigger-chevron{transition:transform var(--transition-fast);opacity:.6;width:14px!important;height:14px!important}.ss-dropdown__trigger.is-open .ss-dropdown__trigger-chevron{opacity:1;transform:rotate(180deg)}.ss-dropdown__panel{background:var(--color-bg-secondary);border:var(--border-default);border-radius:var(--radius-lg);min-width:480px;box-shadow:var(--shadow-lg);z-index:1100;animation:.2s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ss-dropdown__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-subtle);display:flex}.ss-dropdown__header-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-brand-accent);background:linear-gradient(135deg,#22d3ee26,#14b8a626);justify-content:center;align-items:center;display:flex}.ss-dropdown__header-icon svg{width:16px;height:16px}.ss-dropdown__header-text h3{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;line-height:1.2}.ss-dropdown__header-text p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.ss-dropdown__body{padding:var(--space-5)}.ss-dropdown__input-group{gap:var(--space-3);flex-direction:column;display:flex}.ss-dropdown__input-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.ss-dropdown__textarea{width:100%;min-height:120px;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:var(--border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-xs);resize:vertical;transition:border-color var(--transition-fast);outline:none;line-height:1.7}.ss-dropdown__textarea::placeholder{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs)}.ss-dropdown__textarea:focus{border-color:#22d3ee66;box-shadow:0 0 0 3px #22d3ee14}.ss-dropdown__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.ss-dropdown__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;height:34px;font-weight:500;display:inline-flex}.ss-dropdown__btn svg{width:14px;height:14px}.ss-dropdown__btn--save{background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));color:#fff}.ss-dropdown__btn--save:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22d3ee59}.ss-dropdown__btn--save:active{transform:translateY(0)}.ss-dropdown__btn--clear{color:var(--color-danger);background:#f871711f;border:1px solid #f8717140}.ss-dropdown__btn--clear:hover{background:#f8717133}.ss-dropdown__btn--edit{color:var(--color-brand-accent);background:#22d3ee1a;border:1px solid #22d3ee33}.ss-dropdown__btn--edit:hover{background:#22d3ee2e}.ss-dropdown__table-container{border-radius:var(--radius-md);border:var(--border-subtle);max-height:280px;overflow-y:auto}.ss-dropdown__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.ss-dropdown__table thead{z-index:1;position:sticky;top:0}.ss-dropdown__table th{padding:var(--space-2) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-elevated);border-bottom:var(--border-subtle)}.ss-dropdown__table td{padding:var(--space-2) var(--space-4);border-bottom:var(--border-subtle);vertical-align:middle}.ss-dropdown__table tr:last-child td{border-bottom:none}.ss-dropdown__table tr{transition:background var(--transition-fast)}.ss-dropdown__table tbody tr:hover{background:#22d3ee0a}.ss-dropdown__table-name{align-items:center;gap:var(--space-2);color:var(--color-text-primary);white-space:nowrap;font-weight:600;display:inline-flex}.ss-dropdown__table-name-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.03em;color:#4ade80;background:#4ade8024;border:1px solid #4ade804d;padding:2px 10px;font-weight:600}.ss-dropdown__split-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.ss-dropdown__split-toggle input{opacity:0;pointer-events:none;position:absolute}.ss-dropdown__split-toggle span{width:32px;height:18px;transition:background var(--transition-fast);background:#94a3b840;border-radius:999px;display:inline-block;position:relative}.ss-dropdown__split-toggle span:after{content:"";width:14px;height:14px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.ss-dropdown__split-toggle input:checked+span{background:var(--color-brand-accent)}.ss-dropdown__split-toggle input:checked+span:after{transform:translate(14px)}.ss-dropdown__kind-btn{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.06em;cursor:pointer;transition:all var(--transition-fast);min-width:42px;font-weight:700;font-family:var(--font-family);padding:2px 10px}.ss-dropdown__kind-btn--dp{color:var(--color-success);background:#4ade8024;border:1px solid #4ade8059}.ss-dropdown__kind-btn--dp:hover{background:#4ade8038}.ss-dropdown__kind-btn--wd{color:var(--color-warning);background:#fbbf2424;border:1px solid #fbbf2459}.ss-dropdown__kind-btn--wd:hover{background:#fbbf2438}.ss-dropdown__table-id{font-family:Consolas,Monaco,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.ss-dropdown__table-id-copy{align-items:center;gap:var(--space-1);display:inline-flex}.ss-dropdown__table-id-copy button{color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:2px;display:inline-flex}.ss-dropdown__table tbody tr:hover .ss-dropdown__table-id-copy button{opacity:1}.ss-dropdown__table-id-copy button:hover{color:var(--color-brand-accent);background:#22d3ee1a}.ss-dropdown__empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.ss-dropdown__empty svg{margin-bottom:var(--space-3);opacity:.4}.ss-dropdown__footer{padding:var(--space-3) var(--space-5);border-top:var(--border-subtle);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;display:flex}.ss-dropdown__footer-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ss-dropdown__footer-count strong{color:var(--color-brand-accent);font-weight:600}.ss-dropdown__overlay{z-index:1050;position:fixed;inset:0}@media (width<=768px){.ss-dropdown__panel{width:calc(100vw - 32px);min-width:auto;max-width:480px;left:-60px;right:-16px}}.navbar{z-index:1000;height:var(--navbar-height);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(20px);padding:0 var(--space-6);justify-content:space-between;align-items:center;animation:.4s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}.navbar:after{content:"";background:linear-gradient(90deg,#0000 0%,#22d3ee4d 30%,#14b8a64d 70%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.navbar__brand{align-items:center;gap:var(--space-3);display:flex}.navbar__tabs{margin-left:var(--space-3);background:var(--color-bg-tertiary);border:var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:2px;height:36px;padding:3px;display:inline-flex}.navbar__tab{padding:0 var(--space-3);border-radius:var(--radius-sm);height:28px;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-weight:500;display:inline-flex}.navbar__tab:hover{color:var(--color-text-primary);background:#22d3ee14}.navbar__tab.is-active{color:var(--color-brand-accent);background:linear-gradient(135deg,#22d3ee33,#c4b5fd26);border:1px solid #22d3ee4d;height:28px;box-shadow:0 1px 4px #22d3ee26}.navbar__logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));width:40px;height:40px;transition:transform var(--transition-base), box-shadow var(--transition-base);justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #22d3ee40}.navbar__logo:hover{transform:scale(1.05);box-shadow:0 0 30px #22d3ee66}.navbar__logo svg{color:#fff}.navbar__title-group{flex-direction:column;gap:1px;display:flex}.navbar__title{font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.navbar__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em;font-weight:400}.navbar__subtitle span{color:var(--color-brand-primary);font-weight:600}.navbar__actions{align-items:center;gap:var(--space-4);display:flex}.navbar__status-text{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:400}.navbar__status-text strong{color:var(--color-text-secondary);font-weight:500}.navbar__divider{background:#94a3b81f;width:1px;height:28px}.navbar__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:var(--border-default);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:36px;font-weight:500;text-decoration:none;display:inline-flex}.navbar__btn svg{flex-shrink:0;width:16px;height:16px}.navbar__btn--refresh{color:var(--color-brand-accent);background:#22d3ee14;border-color:#22d3ee33}.navbar__btn--refresh:hover{background:#22d3ee26;border-color:#22d3ee59;transform:translateY(-1px);box-shadow:0 0 16px #22d3ee26}.navbar__btn--refresh:active{transform:translateY(0)}.navbar__btn--refresh.is-spinning svg{animation:.8s linear infinite spin}.navbar__btn--logout{color:var(--color-danger);background:#f871711a;border-color:#f8717140}.navbar__btn--logout:hover{background:#ef444426;border-color:#ef444459;transform:translateY(-1px);box-shadow:0 0 16px #ef444426}.navbar__btn--logout:active{transform:translateY(0)}.navbar__toggle-container{align-items:center;gap:var(--space-3);display:flex}.navbar__toggle-label{font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-weight:500}.navbar__toggle-label.is-active{color:var(--color-success)}.toggle-switch{cursor:pointer;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{background:var(--color-bg-elevated);border-radius:var(--radius-full);transition:all var(--transition-base);border:1px solid #cbd5e126;position:absolute;inset:0}.toggle-switch input:checked+.toggle-switch__track{background:#4ade8033;border-color:#4ade8066;box-shadow:0 0 12px #4ade8033}.toggle-switch__thumb{width:18px;height:18px;transition:all var(--transition-base);background:#cbd5e1;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.toggle-switch input:checked~.toggle-switch__thumb{background:var(--color-success);transform:translate(20px);box-shadow:0 0 8px #4ade8066}.navbar__status-dot{background:var(--color-text-muted);width:8px;height:8px;transition:all var(--transition-base);border-radius:50%}.navbar__status-dot.is-online{background:var(--color-success);box-shadow:0 0 8px var(--color-success-glow);color:var(--color-success);animation:2s ease-in-out infinite pulse-glow}.navbar__status-dot.is-offline{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger-glow);color:var(--color-danger)}@media (width<=768px){.navbar{padding:0 var(--space-4)}.navbar__status-text{display:none}.navbar__title{font-size:var(--font-size-base)}.navbar__subtitle{display:none}}@media (width<=480px){.navbar__btn span{display:none}.navbar__btn{padding:var(--space-2);justify-content:center;width:36px}.navbar__toggle-label{display:none}}.balance-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,280px));justify-content:start;animation:.4s ease-out fadeIn;display:grid}.balance-card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);animation:.4s ease-out both cardSlideIn;overflow:hidden}.balance-card:first-child{animation-delay:50ms}.balance-card:nth-child(2){animation-delay:.1s}.balance-card:nth-child(3){animation-delay:.15s}.balance-card:nth-child(4){animation-delay:.2s}.balance-card:nth-child(5){animation-delay:.25s}.balance-card:nth-child(6){animation-delay:.3s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.balance-card:hover{border-color:var(--color-surface-border);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.balance-card__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);background:linear-gradient(135deg,#22d3ee1a,#2dd4bf0f);justify-content:space-between;align-items:center;display:flex}.balance-card__header-left{align-items:center;gap:var(--space-3);display:flex}.balance-card__badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);letter-spacing:.04em;color:#4ade80;background:#4ade8024;border:1px solid #4ade804d;padding:4px 14px;font-weight:700}.balance-card__vip-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-full);padding:2px 10px;font-weight:500}.balance-card__body{padding:var(--space-2) var(--space-4)}.balance-card__vip-row{padding:var(--space-2) 0;transition:background var(--transition-fast);border-bottom:1px solid #94a3b80d;justify-content:space-between;align-items:center;display:flex}.balance-card__vip-row:last-child{border-bottom:none}.balance-card__vip-row:hover{margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-sm);background:#22d3ee08}.balance-card__vip-name{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:flex}.balance-card__vip-dot{background:var(--color-brand-primary);opacity:.6;border-radius:50%;width:6px;height:6px}.balance-card__vip-balance{font-size:var(--font-size-sm);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.balance-card__viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}.balance-card__viewport:active{cursor:grabbing}.balance-card__track{will-change:transform;display:flex}.balance-card__page{flex:0 0 100%;min-width:0}.balance-card__pager-controls{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:var(--border-subtle);background:#22d3ee0d;display:flex}.balance-card__vip-row--warning{margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(90deg,#f871711a,#f8717108);border-bottom-color:#f8717126}.balance-card__vip-balance--warning{color:var(--color-danger);border-radius:var(--radius-full);background:#f8717126;border:1px solid #f8717166;align-items:center;gap:6px;padding:3px 10px;font-weight:700;animation:1.8s ease-in-out infinite warning-pulse;display:inline-flex}.balance-card__vip-balance--warning svg{color:var(--color-danger);flex-shrink:0}@keyframes warning-pulse{0%,to{box-shadow:0 0 #f8717173}50%{box-shadow:0 0 0 6px #f8717100}}.balance-card__vip-row--warning .balance-card__vip-dot{background:var(--color-danger);opacity:1;box-shadow:0 0 6px #f8717199}.balance-card__vip-row--warning .balance-card__vip-name{color:var(--color-text-primary);font-weight:600}.balance-card__vip-row--danger{margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(90deg,#dc262638,#dc26260f);border-bottom-color:#dc262659}.balance-card__vip-balance--danger{color:#fff;border-radius:var(--radius-full);background:#dc2626;border:1px solid #7f1d1d99;align-items:center;gap:6px;padding:3px 10px;font-weight:800;animation:1.2s ease-in-out infinite danger-pulse;display:inline-flex}.balance-card__vip-balance--danger svg{color:#fff;flex-shrink:0}@keyframes danger-pulse{0%,to{box-shadow:0 0 #dc2626b3}50%{box-shadow:0 0 0 8px #dc262600}}.balance-card__vip-row--danger .balance-card__vip-dot{opacity:1;background:#dc2626;box-shadow:0 0 8px #dc2626cc}.balance-card__vip-row--danger .balance-card__vip-name{color:#fff;font-weight:700}.balance-card__pager-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #94a3b826;justify-content:center;align-items:center;display:inline-flex}.balance-card__pager-btn:hover:not(:disabled){color:var(--color-brand-accent);border-color:var(--color-brand-accent);background:#22d3ee14}.balance-card__pager-btn:disabled{opacity:.35;cursor:not-allowed}.balance-card__dots{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.balance-card__dot{cursor:pointer;width:7px;height:7px;transition:all var(--transition-fast);background:#94a3b84d;border:none;border-radius:50%;padding:0}.balance-card__dot:hover{background:#94a3b88c}.balance-card__dot--active{background:var(--color-brand-accent);border-radius:4px;width:20px}.balance-card--error{border-color:#ef444433}.balance-card__error{padding:var(--space-5);text-align:center;color:var(--color-danger);font-size:var(--font-size-sm)}.balance-card__error svg{margin-bottom:var(--space-2);opacity:.6}.balance-card__empty{padding:var(--space-6) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.balance-card--loading .balance-card__body{padding:var(--space-5)}.balance-card__skeleton{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.balance-card__skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-elevated) 25%, var(--color-bg-tertiary) 50%, var(--color-bg-elevated) 75%);background-size:200% 100%;height:14px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-section__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.dashboard-section__title{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.dashboard-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-status{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-6);animation:.3s ease-out fadeIn;display:flex}.dashboard-status__item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.dashboard-status__item strong{color:var(--color-text-primary);font-weight:600}.dashboard-status__dot{border-radius:50%;width:8px;height:8px}.dashboard-status__dot--success{background:var(--color-success);box-shadow:0 0 8px var(--color-success-glow)}.dashboard-status__dot--error{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger-glow)}.dashboard-disconnected{min-height:calc(100vh - var(--navbar-height) - 64px);text-align:center;justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.dashboard-disconnected__icon{border-radius:var(--radius-xl);width:80px;height:80px;color:var(--color-text-muted);background:#64748b14;border:1px solid #64748b26;justify-content:center;align-items:center;display:flex}.dashboard-disconnected h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.dashboard-disconnected p{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:420px;line-height:1.6}.dashboard-no-sheets{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed #94a3b826;flex-direction:column;display:flex}.dashboard-no-sheets svg{color:var(--color-text-muted);opacity:.4}.dashboard-no-sheets p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-select{width:100%;min-width:0;position:relative}.search-select__trigger{background:var(--color-bg-tertiary);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;border:1px solid #94a3b826;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 12px;font-weight:500;display:flex}.search-select__trigger:hover:not(:disabled){border-color:#94a3b84d}.search-select.is-open .search-select__trigger{border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee1f}.search-select__trigger:disabled{opacity:.5;cursor:not-allowed}.search-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-select__value--placeholder{color:var(--color-text-muted);font-weight:400}.search-select__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.search-select.is-open .search-select__chevron{transform:rotate(180deg)}.search-select__panel{z-index:50;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff05 inset;border:1px solid #94a3b82e;animation:.12s ease-out searchSelectIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}@keyframes searchSelectIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-select__search{background:#0f172a59;border-bottom:1px solid #94a3b81a;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-select__search svg{color:var(--color-text-muted);flex-shrink:0}.search-select__search-input{min-width:0;height:24px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.search-select__search-input::placeholder{color:var(--color-text-muted);opacity:.6}.search-select__clear{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:#94a3b81f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-select__clear:hover{color:var(--color-text-primary);background:#94a3b833}.search-select__list{max-height:280px;padding:4px 0;overflow-y:auto}.search-select__divider{background:linear-gradient(90deg,#0000,#94a3b833,#0000);height:1px;margin:6px 10px}.search-select__group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-accent);padding:6px 14px 4px;font-size:10px;font-weight:700}.search-select__option{width:100%;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:7px 14px;display:block;overflow:hidden}.search-select__option:hover,.search-select__option.is-highlight{color:var(--color-text-primary);background:#22d3ee1a}.search-select__option.is-selected{color:var(--color-brand-accent);background:#22d3ee2e;font-weight:600}.search-select__empty{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:18px 14px;font-style:italic}.catat-form{align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;animation:.3s ease-out fadeIn;display:flex;position:relative}.catat-form__field{flex-direction:column;flex:160px;gap:4px;min-width:0;display:flex}.catat-form__field--select{flex:2 280px}.catat-form__field--biaya{flex:1.2 220px}.catat-form__label-row{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.catat-form__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-accent);font-size:10px;font-weight:700}.catat-form__toggle{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid #94a3b81f;align-items:center;gap:1px;height:20px;padding:2px;display:inline-flex}.catat-form__toggle-btn{height:14px;color:var(--color-text-muted);font-family:var(--font-family);letter-spacing:.06em;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.catat-form__toggle-btn:hover:not(.is-active){color:var(--color-text-primary)}.catat-form__toggle-btn.is-active{color:var(--color-brand-accent);background:linear-gradient(135deg,#22d3ee4d,#c4b5fd33);box-shadow:0 0 0 1px #22d3ee59}.catat-form__select,.catat-form__input{background:var(--color-bg-tertiary);border-radius:var(--radius-md);height:38px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #94a3b826;outline:none;width:100%;min-width:0;padding:0 12px;font-weight:500}.catat-form__select:hover:not(:disabled),.catat-form__input:hover:not(:disabled){border-color:#94a3b84d}.catat-form__input:focus{border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee1f}.catat-form__input:disabled{opacity:.5;cursor:not-allowed}.catat-form__arrow{color:var(--color-brand-accent);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:8px;display:flex}.catat-form__hint{color:var(--color-brand-accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;font-weight:600}.catat-form__money{flex:1;align-items:center;gap:0;min-width:0;display:flex;position:relative}.catat-form__prefix{font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none;font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catat-form__money .catat-form__input{font-variant-numeric:tabular-nums;padding-left:34px;font-weight:600}.catat-form__dana-row{align-items:stretch;gap:6px;min-width:0;display:flex}.catat-form__dana-select{flex:60%;min-width:0}.catat-form__dana-nama{flex:40%;min-width:0}.catat-form__biaya-select{appearance:none;cursor:pointer;font-variant-numeric:tabular-nums;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px;font-weight:600}.catat-form__biaya-select.is-add{color:var(--color-success);border-color:#4ade8059;box-shadow:inset 0 0 0 1px #4ade802e}.catat-form__biaya-select.is-sub{color:var(--color-danger);border-color:#f8717159;box-shadow:inset 0 0 0 1px #f871712e}.catat-form__biaya-select.is-none{color:var(--color-text-secondary)}.catat-form__biaya-select option{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.catat-form__field--row{flex:0 120px}.catat-form__pertama{background:var(--color-bg-tertiary);border-radius:var(--radius-md);height:38px;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;border:1px solid #94a3b833;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.catat-form__pertama:hover:not(:disabled){color:var(--color-text-primary);border-color:#94a3b866}.catat-form__pertama.is-active{color:#fde047;background:#facc1524;border-color:#facc1580}.catat-form__pertama:disabled{opacity:.5;cursor:not-allowed}.catat-form__submit{background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));color:#fff;border-radius:var(--radius-md);height:38px;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;letter-spacing:.02em;transition:all var(--transition-fast);border:none;flex-shrink:0;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px -6px #22d3ee80}.catat-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px -4px #22d3ee99}.catat-form__submit:active:not(:disabled){transform:translateY(0)}.catat-form__submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.catat-form__spin{animation:.8s linear infinite spin}.catat-form__feedback{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;pointer-events:none;background:#0f172a8c;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.catat-form__feedback-box{border-radius:var(--radius-lg);min-width:260px;max-width:90vw;font-size:var(--font-size-md,15px);letter-spacing:.02em;text-align:center;padding:18px 28px;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) popIn;box-shadow:0 20px 40px -12px #00000080}.catat-form__feedback--ok .catat-form__feedback-box{color:#bbf7d0;background:#166534f2;border:1px solid #4ade8080}.catat-form__feedback--err .catat-form__feedback-box{color:#fecaca;background:#7f1d1df2;border:1px solid #ef444480}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.catat-form__arrow{display:none}}.pending-split-wrap{margin:var(--space-8) auto 0;max-width:1600px;animation:.4s ease-out fadeIn}.pending-split{align-items:stretch;gap:0;width:100%;display:flex}.pending-split__pane{min-width:0;display:flex}.pending-split__pane>.pending-panel{flex:1;min-width:0}.pending-split__pane--dp{flex:var(--dp-ratio,.5)}.pending-split__pane--wd{flex:var(--wd-ratio,.5)}.pending-split__divider{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 10px;justify-content:center;align-items:center;display:flex;position:relative}.pending-split__divider:before{content:"";width:2px;transition:background var(--transition-fast);background:#94a3b826;border-radius:2px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.pending-split__divider:hover:before,.pending-split__divider:active:before{background:var(--color-brand-accent)}.pending-split__grip{z-index:1;width:6px;height:32px;box-shadow:0 0 0 2px var(--color-bg-primary);transition:background var(--transition-fast);background:#94a3b840;border-radius:3px;position:relative}.pending-split__divider:hover .pending-split__grip,.pending-split__divider:active .pending-split__grip{background:var(--color-brand-accent)}@media (width<=900px){.pending-split{flex-direction:column}.pending-split__pane--dp,.pending-split__pane--wd{flex:auto}.pending-split__divider{display:none}}.pending-panel{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:160px;display:flex;overflow:hidden}.pending-panel--wd{border-top:3px solid var(--color-warning)}.pending-panel--dp{border-top:3px solid var(--color-success)}.pending-panel__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);background:#22d3ee0d;justify-content:space-between;align-items:center;display:flex}.pending-panel__title{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.pending-panel__title h3{font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600}.pending-panel__meta{align-items:center;gap:var(--space-2);display:flex}.pending-panel__count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-elevated);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:2px 10px;font-weight:600}.pending-panel__alert-count{font-size:var(--font-size-xs);color:var(--color-danger);border-radius:var(--radius-full);background:#f871711f;border:1px solid #f871714d;align-items:center;gap:4px;padding:2px 10px;font-weight:700;animation:1.8s ease-in-out infinite warning-pulse;display:inline-flex}.pending-panel__empty{padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center;flex-direction:column;flex:1;display:flex}.pending-panel__empty svg{color:var(--color-success);opacity:.6}.pending-panel__empty p{font-size:var(--font-size-sm)}.pending-panel__list{padding:var(--space-2);gap:var(--space-2);flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.pending-table{flex-direction:column;max-height:460px;display:flex;overflow:auto}.pending-table__head,.pending-table__row{align-items:center;gap:var(--space-2);padding:6px var(--space-3);font-size:var(--font-size-xs);display:grid}.pending-table--dp .pending-table__head,.pending-table--dp .pending-table__row{grid-template-columns:70px minmax(70px,1fr) 44px minmax(120px,1.4fr) 80px minmax(90px,1fr) minmax(120px,1.2fr)}.pending-table--wd .pending-table__head,.pending-table--wd .pending-table__row{grid-template-columns:minmax(70px,.8fr) 44px 70px 90px minmax(120px,1.3fr) 80px minmax(100px,1fr) minmax(100px,1fr)}.pending-table__head{z-index:1;background:var(--color-bg-elevated);border-bottom:var(--border-subtle);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:8px;padding-bottom:8px;font-size:10px;font-weight:700;position:sticky;top:0}.pending-table__body{flex-direction:column;display:flex}.pending-table__row{transition:background var(--transition-fast);border-bottom:1px solid #cbd5e10f}.pending-table__row:hover{background:#22d3ee0d}.pending-table__row--alert{background:#f8717112;border-bottom-color:#f871712e}.pending-table__row--alert:hover{background:#f871711f}.pending-table__cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);overflow:hidden}.pending-table__col--num{text-align:right;font-variant-numeric:tabular-nums}.pending-table__cell--muted{color:var(--color-text-muted)}.pending-table__cell--mono{color:var(--color-text-muted);font-family:Consolas,Monaco,monospace;font-size:11px}.pending-table__cell--name{color:var(--color-text-primary);font-weight:600}.pending-table__cell--strong{color:var(--color-text-primary);font-weight:700}.pending-table__row--alert .pending-table__cell--strong,.pending-table__row--alert .pending-table__cell--name{color:var(--color-danger)}.pending-table__bank{border-radius:var(--radius-full);color:var(--color-text-accent);letter-spacing:.04em;background:#c4b5fd1f;border:1px solid #c4b5fd4d;align-items:center;padding:1px 8px;font-size:10px;font-weight:700;display:inline-flex}.pending-table__status{border-radius:var(--radius-full);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;background:#94a3b81a;border:1px solid #94a3b833;align-items:center;padding:1px 8px;font-size:10px;font-weight:600;display:inline-flex}.pending-table__status--failed{color:var(--color-danger);background:#f8717124;border-color:#f8717159}.pending-table__status-link{border-radius:var(--radius-full);color:var(--color-danger);text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast);background:#f8717124;border:1px solid #f8717159;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.pending-table__status-link:hover{background:#f8717140;border-color:#f871718c;transform:translateY(-1px)}.pending-table__cell--issues{white-space:normal;flex-wrap:wrap;gap:4px;display:flex;overflow:visible}.pending-table__issue{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.pending-table__issue--missing_coin,.pending-table__issue--missing_amount{color:var(--color-warning);background:#fbbf2424;border:1px solid #fbbf244d}.pending-table__issue--mismatch,.pending-table__issue--missing_bank_code,.pending-table__issue--status_failed{color:var(--color-danger);background:#f8717126;border:1px solid #f8717166}@media (width<=900px){.pending-table{overflow-x:auto}.pending-table__head,.pending-table__row{min-width:760px}}.pending-row{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #cbd5e114}.pending-row:hover{background:#22d3ee0f;border-color:#22d3ee40}.pending-row--alert{background:#f8717114;border-color:#f871714d}.pending-row--alert:hover{background:#f871711f;border-color:#f8717173}.pending-row__top{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);margin-bottom:4px;display:flex}.pending-row__bank{letter-spacing:.04em;color:var(--color-text-accent);border-radius:var(--radius-full);background:#c4b5fd1f;border:1px solid #c4b5fd4d;padding:1px 8px;font-weight:700}.pending-row__sheet{color:var(--color-text-muted);font-weight:500}.pending-row__rownum{color:var(--color-text-muted);opacity:.7;margin-left:auto;font-family:Consolas,Monaco,monospace;font-size:10px}.pending-row__main{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.pending-row__name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.pending-row__values{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.pending-row__coin em{color:var(--color-text-muted);margin-left:2px;font-size:10px;font-style:normal}.pending-row__sep{color:var(--color-text-muted);opacity:.5}.pending-row__amount{color:var(--color-text-primary);font-weight:700}.pending-row--alert .pending-row__amount,.pending-row--alert .pending-row__coin{color:var(--color-danger)}.pending-row__issues{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.pending-row__issue{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.pending-row__issue--missing_coin,.pending-row__issue--missing_amount{color:var(--color-warning);background:#fbbf2424;border:1px solid #fbbf244d}.pending-row__issue--mismatch,.pending-row__issue--missing_bank_code,.pending-row__issue--status_failed{color:var(--color-danger);background:#f8717126;border:1px solid #f8717166}.pending-row__time,.pending-row__id{color:var(--color-text-muted);border-radius:var(--radius-full);background:#94a3b814;border:1px solid #94a3b826;padding:1px 6px;font-family:Consolas,Monaco,monospace;font-size:10px}.pending-row__status{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);background:#94a3b81a;border:1px solid #94a3b833;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.login-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page__bg{z-index:0;background:radial-gradient(ellipse 60% 50% at 20% 20%, #22d3ee2e 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 80%, #a855f724 0%, transparent 60%), linear-gradient(180deg, #0b1020 0%, var(--color-bg-primary) 60%, #0a0e1f 100%);position:absolute;inset:0}.login-page__bg:after{content:"";background-image:linear-gradient(#94a3b80a 1px,#0000 1px),linear-gradient(90deg,#94a3b80a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:linear-gradient(#1e293bd9 0%,#0f172ae6 100%);border:1px solid #94a3b81f;border-radius:20px;width:100%;max-width:440px;padding:40px 36px 32px;animation:.5s cubic-bezier(.22,1,.36,1) loginIn;position:relative;box-shadow:0 24px 60px -20px #0009,inset 0 0 0 1px #ffffff08,0 0 80px -30px #22d3ee66}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee80,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}@keyframes loginIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card__brand{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;margin-bottom:32px;display:flex}.login-card__logo{background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 10px 30px -8px #22d3ee99,inset 0 0 0 1px #ffffff1a}.login-card__title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.2}.login-card__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13px;font-weight:400}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.login-field__input{transition:all var(--transition-fast);background:#0f172a99;border:1px solid #94a3b826;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.login-field__input:hover{border-color:#94a3b840}.login-field__input:focus-within{background:#0f172acc;border-color:#22d3ee99;box-shadow:0 0 0 4px #22d3ee1f}.login-field__input svg{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.login-field__input:focus-within svg{color:var(--color-brand-accent)}.login-field__input input{min-width:0;color:var(--color-text-primary);font-family:var(--font-family);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;font-weight:500}.login-field__input input::placeholder{color:var(--color-text-muted);opacity:.5;font-weight:400}.login-field__toggle{cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px;display:inline-flex}.login-field__toggle:hover{color:var(--color-text-primary);background:#94a3b814}.login-error{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-top:2px;padding:10px 14px;font-size:12.5px;font-weight:500;animation:.35s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.login-submit{color:#fff;height:48px;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:linear-gradient(135deg,#22d3ee 0%,#14b8a6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -6px #22d3ee80,inset 0 0 0 1px #ffffff14}.login-submit:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000 50%);position:absolute;inset:0}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -6px #22d3ee99,inset 0 0 0 1px #ffffff1a}.login-submit:hover:not(:disabled):before{opacity:1}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.login-card__footer{color:var(--color-text-muted);text-align:center;letter-spacing:.04em;opacity:.7;border-top:1px solid #94a3b814;margin-top:24px;padding-top:20px;font-size:11px}@media (width<=480px){.login-card{border-radius:16px;padding:32px 24px 24px}.login-card__logo{border-radius:14px;width:48px;height:48px}.login-card__title{font-size:18px}}.arsip-page{animation:.4s ease-out fadeIn}.arsip-page__header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-subtle);justify-content:space-between;align-items:flex-end;display:flex}.arsip-page__title{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.arsip-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.arsip-alert{border-radius:var(--radius-md);color:#fca5a5;font-size:var(--font-size-sm);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid #ef444440;padding:10px 14px}.arsip-loading{justify-content:center;align-items:center;gap:var(--space-2);padding:80px var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.arsip-loading__spin{animation:.8s linear infinite spin}.arsip-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(520px,1fr));max-width:1600px;display:grid}.arsip-card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:.4s ease-out both cardSlideIn;overflow:hidden}.arsip-card:hover{border-color:var(--color-surface-border);box-shadow:var(--shadow-md), var(--shadow-glow)}.arsip-card__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);background:linear-gradient(135deg,#22d3ee1a,#2dd4bf0f);justify-content:space-between;align-items:center;display:flex}.arsip-card__brand{align-items:center;gap:var(--space-2);display:flex}.arsip-card__icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 4px 12px -4px #22d3ee80}.arsip-card__title{font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.arsip-card__count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-full);padding:2px 10px;font-weight:500}.arsip-card__body{flex-direction:column;display:flex}.arsip-card__divider{background:linear-gradient(90deg,#0000,#94a3b826,#0000);height:1px}.arsip-section{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.arsip-section__head{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.arsip-section__label{color:var(--color-brand-accent);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.arsip-section__count{color:var(--color-text-muted);border-radius:var(--radius-full);background:#94a3b814;padding:1px 8px;font-size:10px;font-weight:600}.arsip-table{border-radius:var(--radius-md);background:#0f172a40;border:1px solid #94a3b81a;overflow:hidden}.arsip-table__head,.arsip-table__row{grid-template-columns:110px 1fr 92px;align-items:center;gap:0;display:grid}.arsip-table__head{background:#94a3b80d;border-bottom:1px solid #94a3b81a}.arsip-table__head .arsip-table__cell{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px var(--space-3);font-size:10px;font-weight:700}.arsip-table__row{transition:background var(--transition-fast);border-bottom:1px solid #94a3b80f}.arsip-table__row:last-child{border-bottom:none}.arsip-table__row:hover{background:#22d3ee0a}.arsip-table__row--draft{background:#22d3ee0f}.arsip-table__row--draft:hover{background:#22d3ee14}.arsip-table__cell{padding:8px var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);min-width:0}.arsip-table__cell--kode{font-weight:600}.arsip-table__cell--nama{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arsip-table__cell--action{padding:6px var(--space-2);justify-content:flex-end;display:flex}.arsip-table__cell--actions{gap:4px}.arsip-table__empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.arsip-kode{border-radius:var(--radius-sm);color:var(--color-brand-accent);letter-spacing:.03em;background:#22d3ee1f;border:1px solid #22d3ee33;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.arsip-input{border-radius:var(--radius-sm);width:100%;height:28px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);background:#0f172a99;border:1px solid #22d3ee4d;outline:none;padding:0 8px}.arsip-input:focus{border-color:#22d3ee99;box-shadow:0 0 0 2px #22d3ee1f}.arsip-input::placeholder{color:var(--color-text-muted);opacity:.5}.arsip-icon-btn{background:var(--color-bg-elevated);width:26px;height:26px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #94a3b826;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.arsip-icon-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:#94a3b84d}.arsip-icon-btn:disabled{opacity:.4;cursor:not-allowed}.arsip-icon-btn--danger:hover:not(:disabled){color:var(--color-danger);background:#ef44441f;border-color:#ef444459}.arsip-icon-btn--ok{color:var(--color-success);background:#4ade801a;border-color:#4ade8040}.arsip-icon-btn--ok:hover:not(:disabled){background:#4ade8033;border-color:#4ade8073}.dana-panel{margin-top:var(--space-7);animation:.4s ease-out fadeIn}.dana-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-subtle);flex-wrap:wrap;display:flex}.dana-panel__title-row{align-items:center;gap:var(--space-3);display:flex}.dana-panel__icon{border-radius:var(--radius-md);color:#38bdf8;background:linear-gradient(135deg,#00c8ff40,#22d3ee2e);border:1px solid #00c8ff4d;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dana-panel__title{font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.1}.dana-panel__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.dana-panel__add-sheet{align-self:auto}.dana-panel__new-sheet{align-items:center;gap:6px;min-width:280px;display:inline-flex}.dana-panel__new-sheet .arsip-input{width:220px}.dana-panel__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(420px,1fr));max-width:1600px;display:grid}.dana-card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.dana-card:hover{border-color:var(--color-surface-border);box-shadow:var(--shadow-md)}.dana-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:var(--border-subtle);background:linear-gradient(135deg,#38bdf814,#22d3ee0f);display:flex}.dana-card__title-group{align-items:center;gap:var(--space-2);min-width:0;display:flex}.dana-card__label{font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dana-card__count{color:#7dd3fc;border-radius:var(--radius-full);background:#38bdf81f;border:1px solid #38bdf840;padding:1px 8px;font-size:10px;font-weight:600}.dana-card__list{flex:1;max-height:320px;padding:4px 0;overflow-y:auto}.dana-card__row{padding:4px var(--space-3);transition:background var(--transition-fast);border-bottom:1px solid #94a3b80d;grid-template-columns:110px 1fr auto auto;align-items:center;gap:8px;display:grid}.dana-card__row:hover{background:#38bdf80a}.dana-card__row--edit{background:#38bdf80f}.dana-card__row--edit:hover{background:#38bdf814}.dana-card__kode{justify-self:start}.dana-card__nama{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dana-card__input--kode{max-width:110px}.dana-card__empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.dana-card__add{margin:var(--space-2) var(--space-3) var(--space-3);align-self:stretch}.arsip-add-btn{height:32px;color:var(--color-brand-accent);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:#22d3ee14;border:1px dashed #22d3ee4d;justify-content:center;align-self:stretch;align-items:center;gap:6px;font-weight:600;display:inline-flex}.arsip-add-btn:hover{background:#22d3ee24;border-style:solid;border-color:#22d3ee80}.arsip-add-btn:active{transform:scale(.98)}.app{flex-direction:column;min-height:100vh;display:flex}.app__content{margin-top:var(--navbar-height);padding:var(--space-8);flex:1;animation:.5s ease-out fadeIn}.app__welcome{min-height:calc(100vh - var(--navbar-height) - 64px);text-align:center;justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.app__welcome-icon{border-radius:var(--radius-xl);border:var(--border-brand);width:80px;height:80px;color:var(--color-brand-accent);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#22d3ee24,#14b8a61f);justify-content:center;align-items:center;animation:.6s ease-out .2s both fadeIn;display:flex}.app__welcome h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;animation:.6s ease-out .3s both fadeIn}.app__welcome p{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px;line-height:1.6;animation:.6s ease-out .4s both fadeIn}.app__progress{top:var(--navbar-height);z-index:1200;pointer-events:none;opacity:0;height:2px;transition:opacity .2s;position:fixed;left:0;right:0;overflow:hidden}.app__progress.is-active{opacity:1}.app__progress:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-brand-primary) 30%, var(--color-brand-secondary) 70%, transparent 100%);animation:1.4s cubic-bezier(.4,0,.2,1) infinite progress-slide;position:absolute;inset:0;transform:translate(-100%)}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app__bg-pattern{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app__bg-pattern:before{content:"";background:radial-gradient(at 25% 15%,#22d3ee0f 0%,#0000 50%),radial-gradient(at 75% 85%,#14b8a60d 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}