:root{--navy:#12356b;--navy-dark:#0d2850;--blue:#1f66d0;--ink:#1a2230;--muted:#6b7688;--line:#e3e7ee;--bg:#eef2f7;--card:#fff;--ok:#1f8a55;--warn:#b8860b;--accent:#e8467c}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--blue)}header.top{background:var(--navy);color:#fff;padding:14px 24px;display:flex;align-items:center;gap:14px}header.top img{height:40px;width:auto}header.top .name{font-weight:800;font-size:18px;letter-spacing:.4px}header.top .tag{color:#9ec1f2;font-size:12px;letter-spacing:2px;font-weight:700}.wrap{max-width:900px;margin:0 auto}.card,.wrap{padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;box-shadow:0 1px 3px rgba(20,30,50,.04)}h1{font-size:23px;margin:0 0 4px}h2{font-size:16px;margin:0 0 14px;color:var(--navy)}.lead{color:var(--muted);margin:0 0 18px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-size:15px;font-family:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,102,208,.14)}.row{grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.row,.row3{display:grid}.row3{grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.btn{display:inline-block;background:var(--navy);color:#fff;border:none;padding:12px 22px;border-radius:9px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{background:var(--navy-dark)}.btn.blue{background:var(--blue)}.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--navy)}.btn.ghost{background:#eef2f8;color:var(--navy)}.muted{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.pill,th{font-weight:600;font-size:12px}.pill{display:inline-block;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill.pending{background:#fdf3e3;color:var(--warn)}.pill.submitted{background:#e4f0ff;color:#2166c9}.pill.active{background:#e5f5ec;color:var(--ok)}.pill.renewal_notified{background:#fff2d8;color:#a9741a}.pill.extend_requested{background:#e2f0ff;color:var(--blue)}.pill.vacating{background:#fde5e8;color:#b3261e}.pill.renewed{background:#e5f5ec;color:var(--ok)}.pill.expired{background:#eceff3;color:#6b7688}.linkbox{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.linkbox input{font-family:monospace;font-size:13px;min-width:240px;flex:1 1}.fieldset{border:1px solid var(--line);border-radius:10px;padding:8px 16px 16px;margin-top:12px}.fieldset legend{font-size:13px;font-weight:700;padding:0 6px;color:var(--navy)}.empty{text-align:center;color:var(--muted);padding:30px 0}.kv{display:grid;grid-template-columns:190px 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0}.banner{padding:10px 14px;border-radius:9px;font-size:14px;font-weight:600;margin-bottom:14px}.banner.ok{background:#e5f5ec;color:var(--ok)}.banner.err{background:#fde5e8;color:#b3261e}.banner.info{background:#e4f0ff;color:#2166c9}.actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}@media (max-width:640px){.kv,.row,.row3{grid-template-columns:1fr}}