:root{--navy:#082b50;--blue:#0068bd;--teal:#009fa8;--red:#ed1526;--gold:#f5c726;--ink:#183752;--muted:#657c92;--line:#dfe8f0;--bg:#f3f7fc}*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:white;border:1px solid transparent;border-radius:11px;padding:12px 20px;font-weight:650;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:var(--navy);border-color:var(--line)}.small{padding:8px 12px;font-size:14px}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #009fa84d;outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1240px)/2));background:white;border-bottom:1px solid var(--line);position:relative}.topbar:after{content:"";position:absolute;height:4px;bottom:0;left:0;right:0;background:linear-gradient(90deg,var(--navy) 0 30%,var(--red) 30% 55%,var(--gold) 55% 75%,var(--teal) 75%)}.brand img{width:210px;height:72px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:26px}main{max-width:1240px;margin:0 auto;padding:44px 24px}h1,h2,p{margin-top:0}h1{font-size:38px;line-height:1.15;letter-spacing:-1.5px;color:var(--navy);margin-bottom:20px}h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;color:var(--navy)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--teal);margin-bottom:16px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:28px 0 60px}.hero h1{font-size:64px;letter-spacing:-3px}.hero h1 span{color:var(--blue)}.lead{font-size:19px;max-width:530px;color:var(--muted)}.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.hero-tags span{font-size:13px;background:#e2f3f4;color:#117c81;border-radius:30px;padding:6px 12px}.steps{padding:32px;border-radius:24px;background:linear-gradient(145deg,#082b50,#064f85);color:white;box-shadow:0 18px 40px #082b5014}.steps h2{color:white;margin-top:22px}.pill{display:inline-block;font-size:11px;letter-spacing:1px;font-weight:800;background:#e2f3f4;color:#087e85;padding:7px 11px;border-radius:6px}.steps ol{padding-left:26px;margin-bottom:0}.steps li{padding:10px 0 10px 8px}.steps li::marker{color:var(--gold);font-weight:bold}.steps p{font-size:14px;color:#c7d9e9;margin:5px 0}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px #082b5004}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:start}.stack{display:grid;gap:24px}.muted{color:var(--muted);font-size:14px}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cfdae5;border-radius:8px;color:var(--ink);background:white;min-width:0}input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.input-suffix{display:flex;align-items:center;gap:8px}.input-suffix span{font-size:12px;color:var(--muted);white-space:nowrap}.input-suffix input{flex:1;width:50%}.notice{padding:15px 20px;background:#e8f6f4;border:1px solid #b9e1db;border-left:4px solid var(--teal);border-radius:9px;margin:20px 0;white-space:pre-wrap}.notice.error{background:#fff0f1;border-color:#f0c7cc;color:#a32033}footer{max-width:1240px;margin:0 auto;padding:28px 24px 40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer img{width:150px;height:60px;object-fit:contain}footer p{margin:0}footer a{margin-left:auto}.login-panel{max-width:520px;margin:35px auto}.login-panel h1{font-size:34px}.login-panel button{width:100%}.page-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.metric{background:white;border:1px solid var(--line);border-top:3px solid var(--teal);padding:22px;border-radius:14px}.metric:nth-child(2){border-top-color:var(--blue)}.metric:nth-child(3){border-top-color:var(--gold)}.metric:nth-child(4){border-top-color:var(--red)}.metric strong{display:block;font-size:32px;color:var(--navy)}.metric span{font-size:13px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.toolbar nav{display:flex;gap:6px;flex-wrap:wrap}.toolbar nav button{background:transparent;color:var(--muted);padding:10px 14px}.toolbar nav button.selected{background:var(--navy);color:white}.search{max-width:350px}.table-card{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);background:#f8fafc;font-size:11px;letter-spacing:.7px;text-transform:uppercase}td,th{padding:18px;border-bottom:1px solid var(--line);vertical-align:top}td strong{display:block;color:var(--navy)}td small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-block;padding:4px 9px;border-radius:6px;font-size:12px;background:#edf1f5;white-space:nowrap}.badge.ACTIVE,.badge.APPROVED{background:#e2f4ed;color:#22704e}.badge.PENDING{background:#fff5d6;color:#8a6510}.badge.EXPIRED,.badge.SUSPENDED,.badge.REJECTED{background:#ffebee;color:#ab2d43}.row-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:175px}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;max-width:620px;width:calc(100% - 32px);padding:28px;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#082b5080;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-title h2{margin:0}.dialog-title+p{margin-top:14px}.dialog-footer{display:flex;justify-content:flex-end;margin-top:20px}#status-panel{margin-bottom:25px;border-left:5px solid var(--teal)}#status-panel button{margin:5px}@media(max-width:850px){.hero{gap:26px}.hero h1{font-size:46px}.columns{grid-template-columns:1fr}.page-title{display:block}.metrics{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:580px){main{padding:28px 16px}.topbar{padding:12px 16px;gap:12px}.brand img{width:155px;height:54px}.topbar nav{gap:12px;font-size:12px}.topbar .pill{display:none}.hero{grid-template-columns:1fr;padding-bottom:30px}.hero h1{font-size:44px}.form-grid{grid-template-columns:1fr}.card{padding:22px}.table-card{padding:0}.input-suffix{flex-wrap:wrap}.input-suffix input{width:100%;flex-basis:100%}.metrics{gap:10px}.metric{padding:15px}h1{font-size:30px}}
