:root{--nav:#091b30;--nav2:#0d2948;--blue:#0f72e5;--bg:#f3f7fc;--text:#172239;--muted:#6f7d91;--line:#e4eaf1;--green:#13a66a;--orange:#f08b18;--purple:#7757e7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:linear-gradient(180deg,var(--nav),#071421);color:#fff;padding:18px 12px}.brand{font-size:20px;font-weight:900;padding:6px 10px 18px;letter-spacing:.2px}.brand .x{color:#2b8cff}.brand small{display:block;font-size:10px;font-weight:500;opacity:.65;margin-top:2px}.nav-link{display:block;color:#c9d5e5;padding:11px 12px;border-radius:7px;margin:4px 0;font-size:14px}.nav-link:hover,.nav-link.active{background:var(--blue);color:#fff}.profile{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid #28415f;padding-top:14px;font-size:13px}.main{margin-left:225px;width:calc(100% - 225px);padding:28px 32px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.heading h1{margin:0;font-size:30px}.muted{color:var(--muted)}.small{font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 18px #102a4510;padding:18px}.metric{font-size:25px;font-weight:900;margin-top:7px}.blue{color:var(--blue)}.green{color:var(--green)}.orange{color:var(--orange)}.purple{color:var(--purple)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{background:#f7f9fc;color:#56657b;text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px;border-bottom:1px solid #edf1f6;vertical-align:middle}.badge{display:inline-block;padding:5px 9px;border-radius:12px;font-size:11px;font-weight:800}.status-submitted{background:#fff0dc;color:#a96500}.status-approved{background:#dff8eb;color:#147b4f}.status-rejected{background:#fde4e4;color:#b52a2a}.status-reimbursed{background:#dbf5ef;color:#147b66}.btn{border:0;border-radius:7px;padding:9px 13px;cursor:pointer;font-weight:800}.btn-primary{background:var(--blue);color:#fff}.btn-dark{background:#15263d;color:#fff}.btn-light{background:#edf3f9;color:#2c4665}.btn-danger{background:#ffe5e5;color:#bd2d2d}.form-control,.form-select,textarea{width:100%;padding:10px 11px;border:1px solid #ccd7e4;border-radius:7px;background:#fff;color:#172239}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.actions{display:flex;gap:8px;align-items:center}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}.login-page{min-height:100vh;background:radial-gradient(circle at top,#173b63,#071524 65%);display:flex;align-items:center;justify-content:center}.login-card{width:390px;background:#fff;border-radius:11px;padding:34px;box-shadow:0 18px 65px #0009}.login-logo{position:absolute;top:68px;color:#fff;text-align:center;font-size:30px;font-weight:900}.login-logo small{display:block;font-size:14px;font-weight:500;margin-top:6px;opacity:.9}.alert{margin-bottom:14px}.receipt-link{color:var(--blue);font-weight:700}.event-total{font-weight:800}.top-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px);padding:20px}.form-grid{grid-template-columns:1fr}}