:root{--bg:#070b14;--panel:#111827e8;--line:#ffffff18;--text:#f8fafc;--muted:#93a4bc;--cyan:#22d3ee;--violet:#8b5cf6;--green:#34d399;--red:#fb7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 4%,#123954,transparent 28%),radial-gradient(circle at 90% 5%,#301d5a,transparent 27%),var(--bg);color:var(--text);font:15px/1.45 Arial,sans-serif}main{max-width:1320px;margin:auto;padding:28px 20px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{display:flex;align-items:center;gap:13px}.logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06111d;font-weight:900;font-size:20px}h1{margin:0;font-size:28px}header p{margin:3px 0;color:var(--muted)}h2{font-size:20px;margin:28px 0 12px}.panel,.metrics article{background:linear-gradient(180deg,#141d2ddd,#0b111fee);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0003}.panel{padding:20px}.grid{display:grid;gap:13px;align-items:end}.general{grid-template-columns:145px repeat(3,1fr) 150px}.daily{grid-template-columns:180px 1fr 180px 180px 190px;margin-top:18px}.add{display:flex;gap:10px;align-items:end}.add>input{max-width:350px}.people{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.person{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:12px;background:#060b1488}.person span{font-weight:700}.person form{margin:0}label{display:block;color:var(--muted);font-size:12px}input,textarea,select{width:100%;margin-top:6px;background:#060b14;color:white;border:1px solid #ffffff22;border-radius:11px;padding:12px;font:16px Arial;outline:none}textarea{height:68px;resize:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee18}small{display:block;margin-top:5px;color:#dbeafe}.primary,.secondary,.danger{border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--cyan);color:#03141a}.secondary{background:#ffffff12;color:#e5edf8;border:1px solid var(--line)}.danger{background:#fb71851a;color:#fecdd3;border:1px solid #fb71854d}.mini{padding:7px 10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px}.metrics article{padding:19px}.metrics span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.metrics b{display:block;font-size:27px;margin-top:8px}.metrics article:nth-child(1) b{color:#a5f3fc}.metrics article:nth-child(2) b{color:#ddd6fe}.metrics article:nth-child(3) b{color:#a7f3d0}.right{text-align:right;margin-top:14px}.muted{color:var(--muted)}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:12px;border-bottom:1px solid #ffffff10;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase}.total{background:#22d3ee0d;font-weight:800}.login{display:grid;place-items:center}.loginbox{width:min(400px,90vw);padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.loginbox input,.loginbox button{width:100%;margin-top:10px}.red{color:#fecdd3}@media(max-width:1000px){.general,.daily{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){main{padding:16px 12px 40px}h1{font-size:22px}header p{font-size:11px}.general,.daily,.metrics{grid-template-columns:1fr}.add{display:grid}.metrics b{font-size:24px}.panel{padding:14px}}