:root{--navy:#173f92;--navy-dark:#102b66;--red:#c3272d;--page:#f3f6fb;--text:#243344;--muted:#728095;--line:#e1e7ef;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Tahoma,sans-serif;color:var(--text);background:var(--page);line-height:1.8}header{height:88px;background:#fff;padding:12px 7%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 16px #15294a10}.brand{display:flex;gap:16px;align-items:center}.brand img{width:64px;height:64px;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{color:var(--navy-dark);font-size:19px}.brand span,.user{font-size:13px;color:var(--muted)}.identity{display:flex;gap:16px;align-items:center}.logout{color:var(--red);text-decoration:none}main{max-width:1220px;margin:28px auto;padding:0 18px}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px}.login{width:min(440px,100%);margin:72px auto;padding:35px;background:white;border:1px solid var(--line);border-radius:18px}.login h1{color:var(--navy-dark);margin-top:0}.login p,.login small{color:var(--muted)}label{display:block;color:var(--muted);font-size:13px;margin:9px 0}input,select{display:block;width:100%;margin-top:4px;height:41px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;font:inherit;color:var(--text)}button{background:var(--navy);color:#fff;border:0;border-radius:9px;min-height:42px;padding:8px 17px;cursor:pointer;font:inherit}.login button{width:100%;margin:15px 0}.error{padding:10px;background:#fdebea;color:#a11!important;border-radius:9px}.welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.welcome h1{margin:0;color:var(--navy-dark);font-size:23px}.welcome p{margin:0;color:var(--muted)}.badge{padding:5px 12px;border-radius:20px;background:#e7eefc;color:var(--navy);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metrics article,.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.metrics article span,.metrics article strong{display:block}.metrics article span{color:var(--muted);font-size:13px}.metrics article strong{color:var(--navy-dark);font-size:21px}.card{margin:14px 0}.card h2{font-size:17px;margin:0 0 12px;color:var(--navy-dark)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.form-grid button{grid-column:1/-1;margin-top:10px}.message{border-bottom:1px solid var(--line);padding:10px 0}.message strong,.message span{display:block}.message span,.message p{color:var(--muted);font-size:12px}.message .ack{color:var(--navy)}.small{font-size:11px;min-height:32px}.notice{background:#e7eefc;color:var(--navy);border-radius:10px;padding:11px 14px;margin-bottom:14px}@media(max-width:760px){header{padding:10px 16px;height:80px}.brand img{width:52px;height:52px}.brand strong{font-size:16px}.metrics{grid-template-columns:1fr 1fr}.two-columns{grid-template-columns:1fr}.welcome{display:block}.badge{display:inline-block;margin-top:10px}.form-grid{grid-template-columns:1fr 1fr}.metrics article strong{font-size:17px}}