:root{color:#eee;background:#0d0f12;font-family:Inter,system-ui,Arial}*{box-sizing:border-box}body{background:linear-gradient(145deg,#0c0e11,#161a20);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#111;cursor:pointer;background:#c7a34c;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-weight:750;display:inline-flex}.ghost{color:#eee;background:#20242b;border:1px solid #363b43}.icon{color:#eee;background:#252a31;padding:8px}.danger{color:#ff8585}a{color:#e7bd59;text-decoration:none}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.shell aside{background:#080a0d;border-right:1px solid #252931;flex-direction:column;padding:22px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand img{object-fit:cover;border-radius:12px;width:54px;height:54px}.brand small{color:#777;margin-top:4px;display:block}.shell nav{gap:8px;display:grid}.shell nav a{color:#aaa;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.shell nav a.active{color:#e7bd59;background:#1c2026}.logout{margin-top:auto}.shell main{min-width:0;padding:34px}.head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.head h1{margin:0;font-size:30px}.head p{color:#8e949d;margin:5px 0}.actions,.tabs{align-items:center;gap:9px;display:flex}.cards{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.cards article,.panel{background:#181c22;border:1px solid #2a3038;border-radius:14px;padding:20px}.cards span{color:#8f969f}.cards strong{margin-top:8px;font-size:26px;display:block}.panel{margin-top:18px}.search{background:#181c22;border:1px solid #2c323a;border-radius:12px;align-items:center;gap:10px;margin-bottom:15px;padding:0 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:14px}.table{border:1px solid #2c323a;border-radius:12px;overflow:auto}.table table{border-collapse:collapse;background:#15191e;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #292f36;padding:13px}.table th{color:#959ca5;font-size:13px}.tools{justify-content:flex-end;gap:5px;display:flex}.badge{color:#8ee2a1;background:#273a2d;border-radius:20px;padding:4px 8px;font-size:12px}.backdrop{z-index:10;background:#000c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#14181d;border:1px solid #343a43;border-radius:16px;width:min(760px,100%);max-height:92vh;padding:22px;overflow:auto}.modal-head,.modal-actions{justify-content:space-between;align-items:center;display:flex}.grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:16px;display:grid}.grid label{color:#aaa;gap:7px;font-size:13px;display:grid}.grid .full,.modal-actions{grid-column:1/-1}.grid input,.grid textarea,.grid select,.login-card input{color:#fff;background:#0d1014;border:1px solid #343a43;border-radius:9px;padding:12px}.grid textarea{min-height:82px}.error{color:#ffc2c7;background:#4a1e22;border-radius:10px;margin:10px 0;padding:12px}.login,.center{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card,.notice{background:#15191e;border:1px solid #303641;border-radius:18px;gap:15px;width:min(420px,100%);padding:30px;display:grid}.login-card img{object-fit:cover;border-radius:16px;width:150px;height:150px;margin:auto}.login-card h1,.login-card p{text-align:center;margin:0}.login-card p{color:#9299a2}.login-card label{color:#aaa;gap:7px;display:grid}.tabs{margin:18px 0}.tabs .active{color:#e8c269;border-color:#c7a34c}.back{align-items:center;gap:7px;margin-bottom:16px;display:inline-flex}@media (width<=900px){.shell{grid-template-columns:1fr}.shell aside{position:static}.shell nav{grid-template-columns:repeat(4,1fr)}.shell nav a{justify-content:center}.shell nav a svg{display:none}.logout{margin-top:14px}.cards{grid-template-columns:1fr 1fr}.shell main{padding:20px}}@media (width<=620px){.head{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}.cards,.grid{grid-template-columns:1fr}.grid .full,.modal-actions{grid-column:auto}.shell nav{grid-template-columns:repeat(4,1fr)}.shell nav a{padding:9px;font-size:12px}.brand img{width:44px;height:44px}}.money-due{color:#ff9b8f}.money-ok{color:#8ee2a1}.tools a.icon{border-radius:8px;justify-content:center;align-items:center;display:inline-flex}