:root{--navy:#061b3a;--gold:#d9a52b;--gold2:#f0c35a;--bg:#f4f6f9;--green:#16964a;--orange:#d98218;--muted:#69768a;--line:#e2e7ef}
*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--bg);color:#10213a}button,input,select,textarea{font:inherit}.hidden{display:none!important}.container{max-width:1080px;margin:auto;padding:18px}.top{background:var(--navy);color:white;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center}.brand img{width:54px;height:54px;border-radius:50%}.brand b{letter-spacing:3px}.brand small{display:block;color:var(--gold2);font-size:8px}.card{background:white;border:1px solid #edf0f5;border-radius:15px;padding:16px;margin-bottom:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn{border:0;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}.primary{background:var(--navy);color:white}.gold{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#13213a}.soft{background:#edf2f8;color:var(--navy)}.muted{color:var(--muted)}.orange{color:var(--orange);font-weight:700}.pill{padding:4px 8px;border-radius:10px;font-size:10px;font-weight:700}.ok{background:#e5f5ea;color:#168444}.warn{background:#fff0da;color:#a9670a}.info{background:#e6eef9;color:#285b99}.list{padding:10px 0;border-bottom:1px solid var(--line)}.list:last-child{border:0}.form label{display:block;font-size:12px;font-weight:700;margin:10px 0 5px}.form input,.form select,.form textarea{width:100%;padding:11px;border:1px solid #ced7e4;border-radius:9px}.form textarea{min-height:90px}.login{min-height:100vh;background:linear-gradient(180deg,var(--navy) 0 34%,var(--bg) 34%);padding:45px 20px}.login-card{max-width:430px;margin:20px auto;background:white;border-radius:20px;padding:24px}.login-logo{display:block;width:125px;height:125px;border-radius:50%;margin:auto}.center{text-align:center}.notice{padding:11px;border-radius:10px;background:#fff8e8;border-left:4px solid var(--gold);font-size:12px}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.nav button{border:0;padding:9px 12px;border-radius:9px;background:white;color:var(--navy)}.nav .active{background:var(--navy);color:white}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#14253f;color:white;padding:10px 14px;border-radius:10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}@media(max-width:700px){.grid,.grid2{grid-template-columns:1fr}}