@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#121a2d;--panel2:#182238;--line:#29344d;--gold:#d6ad60;--gold2:#f0d59c;--text:#f4f1e9;--muted:#9ba8bd;--green:#3bb58a;--red:#e36d75}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0a0f1d,#101a2d);color:var(--text);font-family:'Cairo',Tahoma,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0b1020ed;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f3d99d,#a77b32);color:#17120a;font-size:23px;box-shadow:0 5px 22px #d6ad6033}.top-user{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.logout{border:1px solid var(--line);border-radius:10px;padding:7px 13px}.layout{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:225px;padding:24px 14px;border-left:1px solid var(--line);background:#0d1424;flex-shrink:0}.sidebar a{display:flex;gap:12px;align-items:center;padding:12px 14px;margin-bottom:7px;border-radius:11px;color:#bdc7d8;font-size:14px}.sidebar a:hover{background:#202b42;color:var(--gold2)}.content{padding:30px;width:100%;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.page-head h1{margin:0;font-size:25px}.muted,.hint{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:linear-gradient(145deg,var(--panel),#11192a);border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 10px 30px #0002}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:25px;font-weight:800;margin-top:7px;color:var(--gold2)}.stat-icon{float:left;color:var(--gold);font-size:22px}.section{margin-top:22px}.section h2{font-size:18px;margin:0 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#e8c982,#b88a3e);color:#191407;border:0;border-radius:11px;padding:10px 17px;font:700 13px 'Cairo';cursor:pointer}.btn.secondary{background:#202c43;color:#e8edf5;border:1px solid var(--line)}.btn.danger{background:#48242d;color:#ffdce0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:13px;color:#cbd4e3}input,select,textarea{width:100%;background:#0d1526;border:1px solid #34415b;color:var(--text);border-radius:10px;padding:11px 12px;font:14px 'Cairo';outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{min-height:85px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--gold2);background:#19243a;font-weight:700}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:20px;padding:3px 9px;background:#24334a;color:#d8e3f5;font-size:11px}.badge.gold{background:#493a20;color:#f4d99d}.alert{padding:12px 15px;border-radius:11px;margin-bottom:17px;background:#17392f;border:1px solid #286b55;color:#b7f2dc}.alert.error{background:#40232b;border-color:#733944;color:#ffd1d6}.auth-wrap{width:min(460px,calc(100% - 30px));margin:7vh auto}.auth-card{padding:30px}.auth-card h1{margin:0 0 5px}.auth-card .field{margin-top:14px}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check-item{background:#0d1526;border:1px solid var(--line);padding:10px;border-radius:10px;display:flex;gap:9px;align-items:center}.check-item input{width:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.empty{padding:28px;text-align:center;color:var(--muted)}.positive{color:#6fe0b5}.negative{color:#ff929b}.balance-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.balance-row:last-child{border:0}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:70px;padding:18px 8px}.sidebar a{justify-content:center;font-size:20px}.sidebar a span{display:none}.content{padding:22px 16px}}
@media(max-width:600px){.topbar{padding:0 13px;height:66px}.brand{font-size:15px}.top-user{gap:8px;font-size:11px}.logout{padding:5px 8px}.layout{display:block}.sidebar{width:100%;height:auto;display:flex;justify-content:space-around;padding:7px;border-left:0;border-bottom:1px solid var(--line);position:sticky;top:66px;z-index:4}.sidebar a{margin:0;padding:9px 11px}.content{padding:18px 12px}.grid{gap:10px}.card{padding:14px}.stat-value{font-size:19px}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.check-list{grid-template-columns:1fr}.auth-wrap{margin:4vh auto}.auth-card{padding:22px}}