*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}header{height:72px;background:#fff;border-bottom:1px solid #e8ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:5}header b{font-size:19px}header span{display:block;font-size:12px;color:#8791a5}.head-right{display:flex;align-items:center;gap:18px}.head-right span{font-size:14px;color:#4b5568}.head-right a{color:#e2783e;text-decoration:none;font-weight:700}main{max-width:1180px;margin:0 auto;padding:32px 20px 60px}.topbar,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:30px;margin:0 0 5px}h2{font-size:18px;margin:0 0 18px}.muted{color:#8791a5;margin:0}.topbar input{width:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.cards article,.panel,.mini div{background:#fff;border:1px solid #e8ecf3;border-radius:18px;box-shadow:0 8px 30px rgba(27,39,66,.05)}.cards article{padding:22px}.cards small,.mini small{color:#8791a5}.cards strong{font-size:25px;display:block;margin:8px 0}.cards article span{font-size:12px}.cards .accent{background:#172033;color:#fff}.cards .accent small,.cards .accent span{color:#cbd2de}.positive{color:#15966a}.negative{color:#d44d5c}.neutral{color:#687386}.grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.panel{padding:22px;margin-bottom:16px}.form label{font-size:12px;font-weight:700;color:#596579;display:block;margin:12px 0 7px}.form input,.form select,.topbar input{width:100%;padding:12px 13px;border:1px solid #dfe4ed;border-radius:11px;background:#fff;color:#172033;outline:none}.form input:focus,.form select:focus{border-color:#e2783e;box-shadow:0 0 0 3px rgba(226,120,62,.1)}button,.button{border:0;background:#e2783e;color:#fff;padding:12px 16px;border-radius:11px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.form>button{width:100%;margin-top:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.mini div{padding:17px 20px}.mini b{display:block;margin-top:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf0f5;font-size:14px}th{font-size:11px;text-transform:uppercase;color:#8791a5}.pill{padding:6px 9px;border-radius:20px;font-size:11px;font-weight:800}.pill.in{background:#e9f8f2;color:#15966a}.pill.out{background:#fff0f1;color:#d44d5c}.inline{display:inline}.link{background:none;padding:5px;color:#4e69a8}.link.danger{color:#d44d5c}.empty{text-align:center;color:#8791a5;padding:30px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#fff1e9,#f5f7fb 45%)}.auth-card{width:min(420px,calc(100% - 32px));background:#fff;padding:32px;border-radius:22px;box-shadow:0 20px 60px rgba(30,40,70,.12)}.auth-card h1{text-align:center}.auth-card .muted{text-align:center;margin-bottom:24px}.auth-card label{display:block;font-size:12px;font-weight:800;margin:14px 0 7px}.auth-card input{width:100%;padding:13px;border:1px solid #dfe4ed;border-radius:11px}.auth-card button,.auth-card .button{width:100%;margin-top:20px;text-align:center}.brandmark{width:55px;height:55px;border-radius:16px;background:#e2783e;color:#fff;display:grid;place-items:center;margin:0 auto 15px;font-weight:900}.alert{padding:11px;background:#eef7ff;border-radius:10px;margin:15px 0;font-size:13px}.alert.error{background:#fff0f1;color:#b33d49}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.show{display:flex}.modal-card{width:min(460px,100%);background:#fff;border-radius:20px;padding:22px}.x{background:#f1f3f7;color:#526074;padding:7px 11px;font-size:20px}.modal-card h2{margin:0}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.mini{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar form,.topbar input{width:100%}}@media(max-width:520px){header{padding:0 16px}.head-right span{display:none}main{padding:24px 14px}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{padding:16px}.cards strong{font-size:19px}.two{grid-template-columns:1fr}.panel{padding:17px}h1{font-size:25px}}
