*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#123849 0,#071c27 45%,#04131b 100%);color:#fff;font-family:Arial,sans-serif;min-height:100vh;user-select:none}button,input{font:inherit}
header{height:82px;background:#04131bd9;border-bottom:1px solid #1e5367;display:grid;grid-template-columns:80px 1fr 170px;align-items:center;padding:0 28px;box-shadow:0 5px 25px #0005}
.brand{display:flex;justify-content:center;align-items:center;gap:12px;font-size:28px}.brand b{display:block;color:#63e4ef;font-size:19px}.brand small{display:block;text-align:center;color:#e5b84d;font-size:12px;letter-spacing:3px;margin-top:4px}
#gear{background:#102d3e;border:0;border-radius:11px;width:48px;height:48px;color:#65e8ef;font-size:27px}.datetime{text-align:right}.datetime b{display:block;font-size:23px}.datetime small{font-size:12px;color:#b9c8cf}
main{max-width:1180px;margin:auto;padding:25px}.hide{display:none!important}h1{text-align:center;font-size:42px;margin:15px}.hint{text-align:center;color:#a7bdc6;font-size:18px}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.personBtn{height:105px;background:linear-gradient(145deg,#14384c,#0d293b);border:1px solid #22506a;border-radius:13px;color:#fff;font-size:25px;font-weight:bold;box-shadow:0 7px 18px #0004}
.barhead{display:grid;grid-template-columns:170px 1fr 240px;align-items:center}.barhead>button{background:#102f40;border:1px solid #26566b;border-radius:9px;color:#fff;padding:13px;font-size:17px;font-weight:bold}.who{display:flex;justify-content:center;align-items:center;gap:14px}.who h1{font-size:37px}.who span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#26d3ef,#0789d0);font-size:20px;font-weight:bold}
.wallet{text-align:center;background:#0b2938;border:1px solid #214a5e;border-radius:12px;padding:10px}.wallet small{display:block;color:#a8bdc5}.wallet strong{font-size:30px}.pos{color:#28e676}.neg{color:#ff5260}.zero{color:white}#bar>h2{text-align:center;font-size:27px;margin:12px 0 18px}
.drinks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drink{height:300px;border:0;border-radius:18px;color:#fff;position:relative;box-shadow:0 13px 28px #0007;overflow:hidden}.beer{background:linear-gradient(145deg,#ffb600,#d77700)}.soft{background:linear-gradient(145deg,#ff5261,#c70f27)}.alcohol{background:linear-gradient(145deg,#b72bff,#6b00d5)}
.drink img{height:145px;width:145px;object-fit:contain;display:block;margin:22px auto 0;filter:drop-shadow(0 9px 8px #0005)}.drink b{display:block;font-size:27px;margin-top:2px}.drink small{display:block;font-size:23px;margin-top:6px}
.drink em{display:none;position:absolute;right:14px;top:14px;background:#fff;color:#111;border-radius:50%;width:48px;height:48px;line-height:48px;font-size:25px;font-style:normal;font-weight:bold;z-index:3}.x{display:none;position:absolute;left:14px;top:14px;background:#b01829;width:43px;height:43px;line-height:40px;border-radius:50%;font-size:30px;font-style:normal;font-weight:bold;z-index:3}
.bottom{display:grid;grid-template-columns:1fr 305px;gap:14px;margin-top:18px}.sum{height:66px;background:#0c2939;border:1px solid #234b63;border-radius:12px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:19px}.sum strong{font-size:27px;color:#29e678}#valid{border:0;border-radius:12px;background:linear-gradient(90deg,#09a956,#12d673);color:#fff;font-size:26px;font-weight:900}#valid:disabled{opacity:.3}
.panel{max-width:470px;margin:60px auto;background:#0c2939;border:1px solid #245269;border-radius:16px;padding:30px}.panel input,.card input{width:100%;background:#061923;border:1px solid #2b586d;border-radius:9px;color:#fff;padding:15px;margin:7px 0;font-size:18px}.panel #connect{width:100%;background:#10b965;border:0;color:#fff;border-radius:9px;padding:15px;margin-top:12px;font-size:18px;font-weight:bold}.ghost{width:100%;margin-top:10px;padding:13px;background:#173548;border:0;border-radius:9px;color:#fff}.panel #err{color:#ff6470}
.adminTop{display:grid;grid-template-columns:140px 1fr 140px;align-items:center}.adminTop h1{font-size:34px}.adminTop button{background:#102f40;border:1px solid #26566b;border-radius:9px;color:#fff;padding:13px}.card{background:#0b2635;border:1px solid #214b60;border-radius:14px;padding:20px;margin:20px 0}.add,.credentials{display:flex;gap:10px}.add button,.credentials button,.save{background:#0eaa62;border:0;border-radius:8px;color:white;padding:0 22px;font-weight:bold}.row{display:grid;grid-template-columns:1fr 140px 140px;gap:10px;margin-top:9px}.row button{border:0;border-radius:8px;font-weight:bold}.off{background:#71313b;color:#ffc0c5}.on{background:#17583c;color:#9affc4}.save{background:#177eb1}#toast{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#092d3b;border:2px solid #1ee17a;border-radius:16px;padding:28px 45px;font-size:24px;font-weight:bold;z-index:10}
@media(max-width:800px){.people{grid-template-columns:repeat(2,1fr)}.barhead{grid-template-columns:125px 1fr}.wallet{grid-column:1/3;margin-top:10px}.drinks{gap:8px}.drink{height:250px}.drink img{height:110px;width:110px}.bottom{grid-template-columns:1fr}.add,.credentials{display:block}.row{grid-template-columns:1fr 110px 110px}}.balanceLine{display:flex;align-items:center;gap:8px}.balanceBadge{min-width:100px;text-align:center;padding:12px;border-radius:8px;background:#071b26;font-weight:900}.adjust{display:flex;gap:5px}.adjust input{width:85px!important;margin:0!important;padding:10px!important}.adjust button{padding:0 11px;border:0;border-radius:7px;color:#fff;font-weight:bold}.credit{background:#0eaa62}.debit{background:#a83745}.rowV3{display:grid;grid-template-columns:1fr 105px 235px 120px 120px;gap:8px;margin-top:9px;align-items:center}.drinkRow{display:grid;grid-template-columns:1fr 160px 130px;gap:10px;align-items:center;margin:9px 0}.drinkRow input{margin:0}.drinkRow button,.filters button{height:48px;border:0;border-radius:8px;background:#177eb1;color:#fff;font-weight:bold}.historyHead{display:flex;justify-content:space-between;align-items:center}.exportBtn{background:#0eaa62;color:#fff;text-decoration:none;padding:11px 15px;border-radius:8px;font-weight:bold}.filters{display:grid;grid-template-columns:1fr 1fr 130px;gap:10px;margin:12px 0}.filters select{background:#061923;color:#fff;border:1px solid #2b586d;border-radius:8px;padding:11px}.tableWrap{overflow:auto;max-height:390px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #204354;text-align:left}th{position:sticky;top:0;background:#0b2635}.amtPlus{color:#2be57b;font-weight:bold}.amtMinus{color:#ff6571;font-weight:bold}@media(max-width:900px){.rowV3{grid-template-columns:1fr 90px 1fr}.rowV3>.save,.rowV3>.toggle{grid-row:2}.filters{grid-template-columns:1fr}.drinkRow{grid-template-columns:1fr 120px 110px}}