*{box-sizing:border-box}
:root{--bg:#040d20;--panel:#071a35;--panel2:#0b2850;--line:#164f86;--text:#eff8ff;--muted:#9bb7d5;--cyan:#39dfff;--blue:#168bff;--gold:#ffd166;--green:#31e6a1;--red:#ff607d}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% -10%,#123e79 0,transparent 38%),radial-gradient(ellipse at 100% 20%,#0b2b58 0,transparent 35%),linear-gradient(145deg,#030918,#06152b 58%,#020712);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#168bff08 48%,transparent 75%);z-index:-1}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 28px;background:rgba(3,10,25,.94);backdrop-filter:blur(16px);border-bottom:1px solid #1765a8;box-shadow:0 8px 28px #0005}
.brand{font-size:21px;font-weight:950;letter-spacing:.075em;background:linear-gradient(90deg,#f5fbff 0%,#62dcff 48%,#ffd166 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px #168bff26}.subtitle{font-size:12px;color:var(--muted);margin-top:5px}
.container{max-width:1400px;margin:auto;padding:23px}.card{background:linear-gradient(145deg,rgba(9,35,68,.97),rgba(4,18,39,.98));border:1px solid #16518a;border-radius:17px;box-shadow:0 15px 42px #0005,inset 0 1px #ffffff08;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),#397eff,transparent);opacity:.8;pointer-events:none}
.input-card,.result-card{padding:21px;margin-bottom:19px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:17px;margin:0 0 6px;font-weight:850;letter-spacing:.01em}p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.badge{font-size:10px;font-weight:950;letter-spacing:.06em;padding:9px 12px;border-radius:99px;background:linear-gradient(135deg,#48eaff,#168bff);color:#031126;box-shadow:0 0 20px #168bff55}
textarea{display:block;width:100%;height:235px;margin-top:18px;padding:15px;border:1px solid #2366a1;border-radius:13px;resize:vertical;background:linear-gradient(145deg,#031023,#061a33);color:#e8f7ff;outline:none;font:12px/1.55 Consolas,monospace;box-shadow:inset 0 2px 12px #0005}textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #39dfff20,0 0 22px #168bff20}.actions{display:flex;gap:10px;margin-top:12px}
.btn{border-radius:10px;padding:11px 16px;font-weight:850;cursor:pointer;border:1px solid transparent;transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.primary{background:linear-gradient(135deg,#4ceaff,#168bff);color:#031226;border-color:#7beeff;box-shadow:0 5px 18px #168bff38}.secondary{background:linear-gradient(135deg,#123c69,#0b2544);color:#edf8ff;border-color:#27649a}.ghost{background:linear-gradient(135deg,#0a2443,#07172d);color:#e9f6ff;border-color:#2a6398}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.message{margin-top:12px;padding:11px 13px;border-radius:10px;background:#082f2c;border:1px solid #1d9879;color:#9df8d7;font-size:12px}.message.error{background:#351526;border-color:#8e3655;color:#ffb5c3}.hidden{display:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.stat{padding:18px}.stat span{display:block;color:#8db4d8;font-size:10px;font-weight:950;letter-spacing:.1em}.stat strong{display:block;font-size:28px;margin:8px 0 4px;text-shadow:0 0 18px #168bff1c}.stat small{color:var(--muted);font-size:11px}.green{border-color:#16785e}.green:before{background:linear-gradient(90deg,transparent,#31e6a1,transparent)}.green strong{color:var(--green)}.cyan{border-color:#176c9c}.cyan:before{background:linear-gradient(90deg,transparent,#39dfff,transparent)}.cyan strong{color:var(--cyan)}.red{border-color:#75334b}.red:before{background:linear-gradient(90deg,transparent,#ff607d,transparent)}.red strong{color:#ff91a5}
.summary{display:flex;gap:11px;margin-top:16px}.summary div{min-width:190px;padding:13px 16px;border:1px solid #20578a;border-radius:12px;background:linear-gradient(145deg,#071d38,#041226);box-shadow:inset 0 1px #ffffff08}.summary span{display:block;color:var(--muted);font-size:10px}.summary b{display:block;margin-top:5px;font-size:20px;color:var(--cyan);text-shadow:0 0 18px #39dfff26}
.table-wrap{overflow:auto;margin-top:16px;border:1px solid #1a5284;border-radius:12px;background:#041225}table{width:100%;border-collapse:collapse;min-width:900px}th{padding:12px;background:linear-gradient(90deg,#09264a,#061a34);color:#9ddfff;font-size:10px;text-align:left;white-space:nowrap;letter-spacing:.05em}td{padding:11px 12px;border-top:1px solid #143554;font-size:12px;white-space:nowrap}tbody tr:hover{background:#0d2b4b80}td.amount{text-align:right;font-weight:900;color:#eaf9ff}.abd{color:var(--cyan);font-weight:850}.ok{color:var(--green);font-weight:850}.empty{text-align:center;color:var(--muted)}footer{text-align:center;padding:12px 20px 28px;color:#6386aa;font-size:11px;letter-spacing:.04em}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.topbar{padding:15px 16px}.container{padding:15px}.subtitle{display:none}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat strong{font-size:21px}.actions{flex-direction:column}.actions .btn{width:100%}.summary{flex-wrap:wrap}.summary div{flex:1;min-width:130px}.brand{font-size:17px}}