*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark],[data-theme=light]{--primary:#06B6D4;--primary-2:#22D3EE;--primary-hover:#0891b2;--bg:#08090E;--bg-soft:#0C0D14;--card-bg:rgba(16,17,27,0.65);--border:rgba(6,182,212,0.10);--border-strong:rgba(6,182,212,0.28);--input-bg:rgba(16,17,27,0.5);--input-border:rgba(6,182,212,0.28);--text:#f0f0f5;--text-soft:#9BA3B5;--muted:#4A5168;--good:#10B981;--bad:#EF4444;--th-bg:rgba(16,17,27,0.8);--tr-even:rgba(16,17,27,0.3);--notice-bg:rgba(6,182,212,0.05);--shadow:0 8px 24px rgba(6,182,212,0.05);--shadow-hover:0 20px 60px rgba(6,182,212,0.15),0 0 30px rgba(6,182,212,0.08);--calendar-icn:invert(1) brightness(0.9);--grad-good:linear-gradient(135deg,#10B981,#059669);--grad-bad:linear-gradient(135deg,#EF4444,#e11d48);--grad-neutral:linear-gradient(135deg,#06B6D4,#22D3EE)}body{font-family:Outfit,Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;transition:all .3s ease;-webkit-font-smoothing:antialiased}main{max-width:1300px;margin:0 auto;padding:32px 24px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease,border-color .4s ease;position:relative;will-change:transform}.card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(6,182,212,.15),0 0 30px rgba(6,182,212,.08);border-color:rgba(6,182,212,.3)}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes borderSweep{to{--border-angle:360deg}}.card:after{content:"";position:absolute;inset:-1px;border-radius:20px;background:conic-gradient(from var(--border-angle),rgba(6,182,212,.4),transparent 25%,transparent 75%,rgba(34,211,238,.3));opacity:0;transition:opacity .4s;pointer-events:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1.5px;animation:borderSweep 4s linear infinite}.card:hover:after{opacity:1}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stats,.topbar{margin-bottom:32px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.stat{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform}.stat:after{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;background:radial-gradient(circle,rgba(6,182,212,.12),transparent 70%);border-radius:50%;pointer-events:none;transition:opacity .4s ease}.stat.good:after{background:radial-gradient(circle,rgba(16,185,129,.15),transparent 70%)}.stat.bad:after{background:radial-gradient(circle,rgba(239,68,68,.15),transparent 70%)}.stat:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-hover);border-color:rgba(6,182,212,.25)}.stat:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--grad-neutral);border-radius:6px 0 0 6px}.stat.good:before{background:var(--grad-good)}.stat.bad:before{background:var(--grad-bad)}.stat span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.stat strong{font-size:1.85rem;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1.1}.stat.good strong{color:var(--good);text-shadow:0 0 30px rgba(16,185,129,.35)}.stat.bad strong{color:var(--bad);text-shadow:0 0 30px rgba(239,68,68,.35)}.notice{padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--notice-bg);color:var(--text-soft);font-size:.85rem}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tabs button{background:rgba(16,17,27,.5);border:1px solid var(--border);color:var(--text-soft);border-radius:10px;padding:8px 16px;font-size:.84rem;font-weight:500;box-shadow:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;will-change:transform}.tabs button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,182,212,.06),transparent);opacity:0;transition:opacity .3s ease}.tabs button:hover{transform:translateY(-2px);border-color:rgba(6,182,212,.4);color:var(--primary);background:rgba(6,182,212,.06);box-shadow:0 4px 16px rgba(6,182,212,.12)}.tabs button:hover:before{opacity:1}.tabs button.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 20px rgba(6,182,212,.45),0 0 0 1px rgba(6,182,212,.2);transform:translateY(-1px)}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:40%;height:2px;background:rgba(255,255,255,.6);border-radius:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}}label{display:block;font-size:.82rem;font-weight:600;color:var(--text-soft);margin-bottom:6px}input,select,textarea{width:100%;display:block;margin-top:4px;margin-bottom:8px;padding:9px 12px;font-size:.88rem;font-family:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,182,212,.15)}.password-box{position:relative}.password-box,.password-toggle{display:flex;align-items:center}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none!important;border:none!important;padding:6px!important;box-shadow:none!important;color:var(--muted);cursor:pointer;justify-content:center;z-index:5;border-radius:50%;transition:all .2s}.password-toggle:hover{color:var(--primary);background:rgba(6,182,212,.1)!important}input[type=date],input[type=month]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;font-family:inherit;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--calendar-icn);-webkit-transition:opacity .2s,filter .2s;transition:opacity .2s,filter .2s;opacity:.7;padding:4px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:var(--border)}input[type=checkbox]{display:inline-block;width:18px;height:18px;min-width:18px;margin:0;padding:0;cursor:pointer;accent-color:var(--primary);vertical-align:middle}input[type=file]{padding:6px 8px;font-size:.82rem}select option{background:var(--bg-soft);color:var(--text)}.custom-select-wrapper{position:relative;width:100%;margin-top:4px;margin-bottom:8px}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:.88rem;font-family:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.custom-select-wrapper.open .custom-select-trigger{border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,182,212,.15)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:rgba(12,13,20,.98);border:1px solid var(--border-strong);border-radius:8px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(6,182,212,.2),0 8px 24px rgba(0,0,0,.6);z-index:9999;max-height:250px;overflow-y:auto;animation:modal-in .15s ease-out;padding:4px}.custom-select-option{padding:8px 12px;font-size:.85rem;color:var(--text);cursor:pointer;border-radius:6px;transition:background .1s}.custom-select-option:hover{background:rgba(6,182,212,.1);color:var(--primary)}.custom-select-option.selected{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(34,211,238,.1));color:var(--primary-2);font-weight:600}@media (max-width:768px){.custom-select-trigger{padding:11px 14px;min-height:46px;font-size:.92rem}.custom-select-option{padding:12px 14px;min-height:44px;display:flex;align-items:center;font-size:.9rem}.custom-select-dropdown{max-height:200px;left:0;right:0;width:auto}}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 3px 10px rgba(6,182,212,.3);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;white-space:nowrap}button:hover{transform:translateY(-1px);filter:brightness(1.08)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.button-soft{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);box-shadow:none}.button-soft:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-soft);filter:none}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}table{width:100%;border-collapse:collapse}.table-wide table{min-width:760px}td,th{padding:12px 16px;text-align:left;font-size:.84rem;border-bottom:1px solid rgba(6,182,212,.06);color:var(--text)}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}th{background:rgba(8,9,14,.8);font-weight:700;color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;position:-webkit-sticky;position:sticky;top:0;z-index:1}tr{transition:background .2s ease}tr:hover td{background:rgba(6,182,212,.04)}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background-color:var(--tr-even)}.badge{display:inline-block;font-size:.75rem;letter-spacing:.02em}.badge.good{background:rgba(34,197,94,.12);color:var(--good)}.badge.bad{background:rgba(239,68,68,.12);color:var(--bad)}.muted{color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:rgba(12,13,22,.92);border:1px solid rgba(6,182,212,.2);border-radius:24px;padding:28px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px rgba(6,182,212,.08),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);animation:modal-in .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}h2,h3,h4,h5{color:var(--text);font-weight:700;line-height:1.3}h2{font-size:1.25rem;margin-bottom:4px}h3{font-size:1.05rem;margin-bottom:12px}h4{font-size:.95rem;margin-bottom:8px}section{padding:4px 0}p{margin-bottom:8px;color:var(--text)}.search-box{position:relative;margin-bottom:24px}.search-box input{padding-left:44px;font-size:.95rem;height:48px;background:var(--card-bg);border:2px solid var(--border);box-shadow:var(--shadow)}.search-box input:focus{border-color:var(--primary)}.search-box:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.6}.balance-grid{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:start;margin-bottom:24px}.mini-list{background:var(--bg-soft);border-radius:12px;padding:14px;border:1px solid var(--border)}.mini-list h4{margin-bottom:10px;font-size:.85rem;border-bottom:1px solid var(--border);padding-bottom:6px}.mini-item{display:flex;justify-content:space-between;padding:6px 0;font-size:.85rem;border-bottom:1px dashed var(--border)}.mini-item:last-child{border-bottom:none}.mini-item span:last-child{font-weight:700;color:var(--primary)}@media (max-width:1000px){.balance-grid{grid-template-columns:1fr}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;padding:12px 16px!important}.topbar>div{width:100%;justify-content:space-between}.stats{grid-template-columns:1fr;gap:12px}.stat{padding:16px 20px}.stat strong{font-size:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr!important;gap:16px}main{padding:12px 10px}.card{padding:16px;border-radius:16px}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:8px;scrollbar-width:none;margin-bottom:12px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex-shrink:0;padding:6px 12px;font-size:.8rem}.desktop-only{display:none!important}.mobile-only{display:block!important}.table-wrap{border:none;border-radius:0}table:not(.mini){display:none}.card:after{animation:none;opacity:0!important}.card:hover,.stat:hover{transform:none}[style*="blur(120px)"]{filter:blur(60px)!important}button{min-height:42px}.tabs button{min-height:36px}}.mobile-only{display:none}.mobile-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;will-change:transform}.mobile-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-neutral);border-radius:3px 0 0 3px}.mobile-card:active{transform:scale(.98);box-shadow:0 2px 10px rgba(0,0,0,.2)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.mobile-card-header>div:first-child{font-size:.9rem;color:var(--text)}.mobile-card-header>div:last-child{font-size:1rem;font-weight:800;letter-spacing:-.01em}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.mobile-card-label{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mobile-card-value{font-weight:600;color:var(--text)}.watermark-footer{text-align:center;padding:24px 0;font-size:.72rem;color:var(--muted);font-weight:500;opacity:.6;width:100%;margin-top:32px;letter-spacing:.02em;border-top:1px dashed var(--border)}.login-page+.watermark-footer,main:has(.hero)+.watermark-footer{display:none}.modal-watermark{text-align:center;padding:12px 0 4px;font-size:.68rem;color:var(--muted);font-weight:500;opacity:.5;width:100%}@keyframes breathing-glow{0%{box-shadow:0 0 20px rgba(6,182,212,.1),0 0 40px rgba(6,182,212,.05);border-color:rgba(6,182,212,.2)}50%{box-shadow:0 0 40px rgba(6,182,212,.3),0 0 80px rgba(6,182,212,.15);border-color:rgba(6,182,212,.55)}to{box-shadow:0 0 20px rgba(6,182,212,.1),0 0 40px rgba(6,182,212,.05);border-color:rgba(6,182,212,.2)}}@keyframes background-pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:.3}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.toast{animation:toast-in .4s cubic-bezier(.16,1,.3,1) forwards;border-radius:14px!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);font-weight:600;letter-spacing:.01em}.stat-progress{height:3px;border-radius:3px;margin-top:12px;background:rgba(6,182,212,.15);overflow:hidden}.stat-progress-bar{height:100%;border-radius:3px;background:var(--grad-neutral);transition:width 1s cubic-bezier(.25,.46,.45,.94)}.stat.good .stat-progress-bar{background:var(--grad-good)}.stat.bad .stat-progress-bar{background:var(--grad-bad)}.hero{position:relative;display:flex;flex-direction:column;gap:24px;z-index:1}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,rgba(6,182,212,.15) 0,transparent 70%);z-index:-1;pointer-events:none;animation:background-pulse 8s ease-in-out infinite}.hero .card{animation:breathing-glow 6s ease-in-out infinite;border-width:1.5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.form-section{background:rgba(6,182,212,.03);border:1px solid rgba(6,182,212,.1);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-section h3{margin-bottom:16px;color:var(--primary);font-size:1rem;display:flex;align-items:center;gap:8px}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.badge{background:rgba(6,182,212,.1);color:var(--primary);border:1px solid rgba(6,182,212,.2);padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.04em}