*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#12203a}aside{position:fixed;left:0;top:0;bottom:0;width:230px;background:#071526;color:#fff;padding:24px 14px}.brand{font-size:24px;margin:4px 8px 28px}.brand small{display:block;font-size:12px;font-weight:400;margin-left:27px}.brand:first-letter{color:#18e5e5}nav a{display:block;padding:13px 14px;border-radius:9px;color:#d7e2ef;margin:4px 0;text-decoration:none}nav a.active{background:#1769ff;color:#fff}nav span{float:right;background:#23344b;padding:2px 8px;border-radius:10px}main{margin-left:230px;min-height:100vh}header{height:72px;background:#fff;border-bottom:1px solid #e3e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header input{width:42%;padding:12px 15px;border:1px solid #d8e0ea;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px}.card,.panel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:20px;box-shadow:0 2px 7px #1020300d}.card h2{font-size:30px;margin:7px 0}.card em{font-size:12px;color:#66758b}.grid{display:grid;grid-template-columns:3fr 1fr;gap:16px;padding:0 20px 20px}.panelhead{display:flex;align-items:center;justify-content:space-between}.btn,.smallbtn,.action{display:inline-block;text-decoration:none;background:#1769ff;color:#fff;padding:11px 16px;border-radius:8px}.smallbtn{padding:7px 11px}.action{display:block;margin:12px 0;text-align:center}.pink{background:#ff2f75}.purple{background:#9b3cff}.green{background:#00b98e}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;border-top:1px solid #edf0f5;padding:13px}.acct{display:flex;align-items:center;gap:10px}.acct img{width:38px;height:38px;border-radius:50%}.empty{text-align:center;padding:55px 20px}.flash{margin:18px 20px 0;padding:12px 15px;border-radius:8px}.success{background:#e7fbf3;color:#08794f}.error{background:#fff0f0;color:#a22}.form{margin:25px;max-width:760px}.form label{display:block;font-weight:700;margin:18px 0 7px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #d8e0ea;border-radius:8px}.form textarea{height:120px}.note{background:#fff7dc;padding:13px;border-radius:8px}.form button{padding:12px 18px;border:0;border-radius:8px;background:#aaa;color:#fff}@media(max-width:900px){aside{display:none}main{margin:0}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}