:root{--red:#c63a12;--ink:#182230;--muted:#667085;--line:#e5e7eb;--bg:#f5f7fb;letter-spacing:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;letter-spacing:0}.portal-header{height:68px;padding:0 max(18px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}.brand img{width:52px;height:42px;object-fit:contain}.logout{color:var(--red);font-size:18px;margin-left:14px}.portal-nav{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:8px;padding:8px;position:sticky;top:68px;z-index:19}.portal-nav a{color:#475467;padding:9px 14px;border-radius:7px;font-weight:700}.portal-nav i{margin-right:6px;color:var(--red)}.portal-nav a:hover{background:#fff1eb;color:var(--red)}.portal-main{max-width:1180px;margin:22px auto;padding:0 14px 80px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.page-head h1{font-size:22px;margin:0}.page-head p{color:var(--muted);margin:4px 0 0}.card{border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 16px rgba(16,24,40,.05);margin-bottom:16px}.card-header{font-weight:700;border-bottom:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.metric span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:700}.metric b{display:block;font-size:22px;margin-top:6px}.btn{border-radius:7px;font-weight:700}.btn-primary{background:var(--red);border-color:var(--red)}.table-responsive{border:1px solid var(--line);border-radius:7px}.table{margin:0}.table th{background:#f8fafc;text-transform:uppercase;font-size:12px;white-space:nowrap}.form-control{border-radius:7px}.money{text-align:right;white-space:nowrap}.summary{background:#fff8f4;border:1px solid #ffd6c2;border-radius:7px;padding:12px;text-align:right;font-weight:700}.message{display:block;margin:10px 0;font-weight:700}@media(max-width:700px){.portal-header{padding:0 12px}.portal-header #lblParty{display:none}.portal-nav{position:fixed;top:auto;bottom:0;left:0;right:0;border-top:1px solid var(--line);border-bottom:0;z-index:50}.portal-nav a{flex:1;text-align:center;padding:8px 2px;font-size:11px}.portal-nav i{display:block;margin:0 0 3px;font-size:17px}.portal-main{margin-top:14px}.metric-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start}.page-head h1{font-size:19px}.table{font-size:13px}}