*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172333}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#086ab9,#1590dd)}.login-card{width:min(430px,94%);background:#fff;padding:34px;border-radius:22px;box-shadow:0 25px 70px #002b4b44}.logo{display:block;width:190px;max-width:75%;max-height:90px;object-fit:contain;margin:0 auto 12px}.login-card h1{text-align:center;margin:5px 0}.login-card>p{text-align:center;color:#758295}.login-card label{display:block;font-size:12px;font-weight:800;margin:16px 0;color:#4c5a6e}.login-card input{width:100%;padding:13px;border:1px solid #e0e6ee;border-radius:11px;margin-top:6px}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:#1687d9;color:white}.login-card .btn{width:100%;margin-top:8px}.hint{font-size:11px;color:#8a96a6;text-align:center;margin-top:16px}.app{min-height:100vh;display:flex}aside{position:fixed;left:0;top:0;bottom:0;width:250px;background:#fff;border-right:1px solid #e4e9ef;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{text-align:center;border-bottom:1px solid #edf0f4;padding-bottom:18px;margin-bottom:12px}.brand img{width:165px;max-height:65px;object-fit:contain}.brand small{display:block;color:#7c8897;font-weight:800;font-size:10px;letter-spacing:1px}nav{display:grid;gap:4px}nav a,.logout{padding:12px;border-radius:11px;color:#627083;font-weight:750;text-decoration:none;cursor:pointer}nav a:hover,nav a.active{background:#eaf5ff;color:#0875c7}.logout{margin-top:auto;background:#fff0ea;color:#d9581a}main{margin-left:250px;width:calc(100% - 250px)}header{height:78px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;padding:0 30px;gap:15px;position:sticky;top:0;z-index:10}header small{font-size:10px;color:#929dac;font-weight:900;letter-spacing:1px}header h2{margin:2px 0;font-size:21px}.profile{margin-left:auto;background:#edf6ff;color:#1678bd;padding:9px 13px;border-radius:20px;font-weight:800;font-size:12px}#menu{display:none;border:0;background:transparent;font-size:22px}.wrap{padding:26px;max-width:1400px;margin:auto}.hero{background:linear-gradient(120deg,#086cba,#168ddd);color:white;border-radius:19px;padding:24px;display:flex;justify-content:space-between}.hero h3{margin:0 0 5px;font-size:23px}.hero p{margin:0;color:#dff2ff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:16px}.card{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:18px;box-shadow:0 4px 16px #20354c08}.metric small{color:#788597;font-weight:750}.metric strong{display:block;font-size:24px;margin:7px 0}.section{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section h3{margin:0;font-size:17px}.tools{display:flex;gap:8px}.tools input,.tools select{padding:10px;border:1px solid #dfe5ec;border-radius:10px;background:white}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:12px 9px;border-bottom:1px solid #edf0f4;font-size:13px}.table th{text-transform:uppercase;font-size:10px;color:#8994a3}.pill{display:inline-block;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.green{background:#e6f7ef;color:#10855b}.orange{background:#fff1e6;color:#d85b12}.red{background:#ffeaea;color:#d33d3d}.quick{cursor:pointer}.quick b{display:block;margin-bottom:5px}.quick span{font-size:12px;color:#7d8998}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:11px;font-weight:800;color:#59677a}.field input,.field select{width:100%;padding:11px;margin-top:6px;border:1px solid #e0e6ed;border-radius:10px}.actions{display:flex;gap:8px;margin-top:18px}.modal{display:none;position:fixed;inset:0;background:#07182788;z-index:50;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{width:min(600px,100%);background:#fff;border-radius:18px;padding:22px;max-height:90vh;overflow:auto}.modalhead{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#eef2f6;border-radius:9px;padding:7px;cursor:pointer}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{transform:translateX(-100%);transition:.2s;box-shadow:8px 0 30px #0002}aside.open{transform:translateX(0)}main{margin-left:0;width:100%}#menu{display:block}.wrap{padding:15px}.grid{grid-template-columns:1fr 1fr;gap:10px}.formgrid{grid-template-columns:1fr}header{padding:0 15px}.profile{font-size:10px}.tools{flex-wrap:wrap}}@media(max-width:430px){.grid{grid-template-columns:1fr}.hero h3{font-size:19px}}
textarea{width:100%;min-height:90px;padding:11px;border:1px solid #e0e6ed;border-radius:10px;resize:vertical}.muted{color:#788597}.error{background:#fff0f0;color:#b93636;padding:10px;border-radius:10px;font-size:12px;margin:12px 0}.hero-mark{font-size:42px;opacity:.25}.quick{cursor:pointer}.quick:hover{transform:translateY(-2px)}