:root{--lc-navy:#1e2866;--lc-orange:#f6861f;--lc-ink:#202746;--lc-muted:#687386;--lc-line:#e6e9ee;--lc-bg:#f4f6f8;--lc-white:#fff;--lc-green:#18865b}
.loomis-portal{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:820px;background:var(--lc-bg);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(12,20,34,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--lc-ink)}
.loomis-sidebar{background:linear-gradient(180deg,#1e2866,#151c4c);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.loomis-brand{padding:5px 10px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.loomis-brand strong{display:block;font-size:19px;margin-top:6px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--lc-orange);text-transform:uppercase}.loomis-company-card{display:flex;gap:11px;align-items:center;padding:22px 10px}.company-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#1a2434;border:1px solid rgba(255,255,255,.08);color:var(--lc-orange);font-weight:900}.loomis-company-card strong,.loomis-company-card small{display:block}.loomis-company-card strong{font-size:13px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loomis-company-card small{font-size:10px;color:#aab5c4;margin-top:4px}.loomis-sidebar nav{display:grid;gap:3px}.loomis-sidebar nav a{position:relative;padding:12px;border-radius:8px;color:#c4c9da;text-decoration:none;font-size:13px;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:8px}.loomis-sidebar nav a:hover{background:rgba(246,134,31,.10);color:#fff}.loomis-sidebar nav a.active{background:rgba(246,134,31,.16);color:#fff}.loomis-sidebar nav a.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:var(--lc-orange);border-radius:3px}.sidebar-bottom{margin-top:auto}.security-chip{font-size:9px;color:#8e9aac;padding:10px 11px}.security-chip span{display:inline-block;width:6px;height:6px;background:#35b779;border-radius:50%;margin-right:7px}.sidebar-bottom form button{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#aeb8c7;font-size:11px;cursor:pointer}.loomis-main{min-width:0;padding:34px}.loomis-topbar{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--lc-line)}.loomis-topbar h1{margin:5px 0 0;color:var(--lc-navy);font-size:29px;letter-spacing:-.7px}.topbar-user{text-align:right;font-size:12px}.topbar-user span,.topbar-user small{display:block}.topbar-user small{color:var(--lc-muted);margin-top:3px;font-size:10px}.hero-panel{border-radius:14px;padding:30px;background:linear-gradient(125deg,#101a2a,#18263a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 35px rgba(12,20,34,.12)}.hero-panel h2{font-size:30px;margin:6px 0}.hero-panel p{margin:0;color:#bac5d3;font-size:13px}.hero-meta{border-left:1px solid rgba(255,255,255,.12);padding-left:26px;min-width:130px}.hero-meta span,.hero-meta small{display:block;color:#8491a4;font-size:8px;letter-spacing:1.5px}.hero-meta strong{display:block;font-size:17px;margin:4px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.stat-grid>div{background:#fff;border:1px solid var(--lc-line);border-radius:11px;padding:18px}.stat-grid span,.stat-grid small{display:block;color:var(--lc-muted);font-size:10px}.stat-grid strong{display:block;color:var(--lc-navy);font-size:28px;margin:7px 0 3px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.premium-card{background:#fff;border:1px solid var(--lc-line);border-radius:12px;padding:21px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.section-title h3{font-size:15px;margin:4px 0 0;color:var(--lc-navy)}.section-title>a,.knowledge-card>a{font-size:10px;color:var(--lc-orange);text-decoration:none;font-weight:800}.timeline-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;padding:14px 0;border-top:1px solid var(--lc-line);align-items:center}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--lc-orange)}.timeline-row strong,.timeline-row span{display:block}.timeline-row strong{font-size:12px}.timeline-row span,.timeline-row time{font-size:10px;color:var(--lc-muted);margin-top:4px}.profile-summary>div,.profile-fields>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--lc-line);font-size:11px}.profile-summary span,.profile-fields span{color:var(--lc-muted)}.profile-summary strong,.profile-fields strong{text-align:right}.status-pill{display:inline-flex!important;padding:5px 8px;border-radius:20px;background:#eef2f6;font-size:9px!important}.status-pill.approved{background:#e9f8f1;color:var(--lc-green)!important}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.quick-grid a{background:#fff;border:1px solid var(--lc-line);border-radius:9px;padding:14px;text-decoration:none;color:var(--lc-ink)}.quick-grid span,.quick-grid strong{display:block}.quick-grid span{font-size:11px}.quick-grid strong{font-size:9px;color:var(--lc-orange);margin-top:6px}.page-lead{font-size:13px;color:var(--lc-muted);margin:-7px 0 17px}.table-card{padding:0;overflow:hidden}.data-row{display:grid;grid-template-columns:38px minmax(180px,1.5fr) .75fr .75fr .75fr;gap:15px;align-items:center;padding:16px 19px;border-bottom:1px solid var(--lc-line)}.record-icon{width:34px;height:34px;border-radius:8px;background:#fff4e8;color:var(--lc-orange);display:grid;place-items:center;font-size:10px;font-weight:900}.record-main strong,.record-main span,.record-main p,.data-row small{display:block}.record-main strong{font-size:12px}.record-main span{font-size:10px;color:var(--lc-muted);margin-top:4px}.record-main p{font-size:10px;line-height:1.5;color:var(--lc-muted);margin:6px 0 0}.data-row small{font-size:7px;letter-spacing:1px;color:#9aa3b0;margin-bottom:4px}.data-row>div>strong{font-size:11px}.open-link{display:inline-block;color:var(--lc-orange);font-size:10px;font-weight:800;text-decoration:none;margin-top:6px}.empty-state{text-align:center;padding:55px 20px}.empty-state strong,.empty-state span{display:block}.empty-state strong{font-size:12px}.empty-state span{font-size:10px;color:var(--lc-muted);margin-top:6px}.message-block{padding:19px 4px;border-bottom:1px solid var(--lc-line)}.message-top{display:flex;justify-content:space-between}.message-top time{font-size:9px;color:#98a2af}.message-block h3{font-size:14px;margin:7px 0}.message-block p{font-size:12px;color:var(--lc-muted);line-height:1.7;margin:0}.support-card{margin-bottom:15px}.portal-form{display:grid;grid-template-columns:1fr 190px;gap:14px}.field label{display:block;font-size:10px;font-weight:800;color:#45505e;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border:1px solid var(--lc-line);border-radius:7px;background:#fff;padding:11px;font:inherit;font-size:12px}.full-field{grid-column:1/-1}.loomis-button{display:inline-flex!important;align-items:center;justify-content:center;background:var(--lc-orange)!important;color:#fff!important;border:0!important;border-radius:7px;padding:12px 17px;text-decoration:none!important;font-size:10px;font-weight:900;cursor:pointer}.shipment-list{display:grid;gap:14px}.shipment-head{display:flex;justify-content:space-between;gap:15px}.shipment-head h3{font-size:17px;margin:5px 0}.shipment-head p{font-size:9px;color:var(--lc-muted);margin:0}.shipment-track{height:5px;background:#e9edf1;border-radius:20px;margin:24px 0 15px;position:relative;overflow:hidden}.shipment-track:before{content:"";position:absolute;left:0;top:0;width:55%;height:100%;background:var(--lc-orange)}.shipment-notes{font-size:10px;line-height:1.6;color:var(--lc-muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-card h3{font-size:15px;margin:7px 0}.knowledge-card p{font-size:10px;line-height:1.65;color:var(--lc-muted)}.loomis-auth-shell{max-width:510px;margin:65px auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.auth-brand{text-align:center;margin-bottom:18px}.auth-brand h2{font-size:31px!important;color:var(--lc-navy)!important;margin:7px 0}.auth-brand p{font-size:12px;color:var(--lc-muted);line-height:1.6}.auth-card{background:#fff;border:1px solid var(--lc-line);border-radius:15px;padding:30px;box-shadow:0 20px 60px rgba(12,20,34,.1)}.auth-card .field{margin-bottom:16px}.auth-card .field input{width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--lc-line);border-radius:8px;font-size:12px}.full{width:100%}.auth-link{display:block;text-align:center;font-size:10px;color:var(--lc-orange);text-decoration:none;margin-top:18px}.auth-footer{text-align:center;font-size:10px;color:var(--lc-muted);margin-top:16px}.auth-footer a{color:var(--lc-orange)}.portal-alert{padding:12px 14px;border-radius:8px;font-size:10px;margin-bottom:12px}.portal-alert.error{background:#fff1f0;color:#b42318}.portal-alert.success{background:#eefaf4;color:#18865b}
@media(max-width:1000px){.loomis-portal{grid-template-columns:220px 1fr}.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:36px 1.5fr 1fr 1fr}.data-row>div:last-child{grid-column:2}.profile-grid{grid-template-columns:1fr}}@media(max-width:720px){.loomis-portal{grid-template-columns:1fr;border-radius:12px}.loomis-sidebar{padding:16px}.loomis-sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-bottom{margin-top:15px}.loomis-main{padding:20px}.topbar-user{display:none}.hero-panel{display:block}.hero-meta{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:16px 0 0;margin-top:18px}.quick-grid{grid-template-columns:repeat(2,1fr)}.data-row{grid-template-columns:36px 1fr}.data-row>div:nth-child(n+3){grid-column:2}.portal-form{grid-template-columns:1fr}.full-field{grid-column:auto}.knowledge-grid{grid-template-columns:1fr}}@media(max-width:480px){.quick-grid{grid-template-columns:1fr}.loomis-topbar h1{font-size:24px}.hero-panel h2{font-size:26px}}

.menu-badge{min-width:21px;height:21px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--lc-orange);color:#fff;font-size:10px;line-height:21px;text-align:center;font-weight:800;box-shadow:0 0 0 2px rgba(246,134,31,.08)}
.loomis-sidebar nav a.active .menu-badge{background:#fff;color:var(--lc-navy)}

.loomis-sidebar-logo{display:block;max-width:150px;max-height:52px;width:auto;height:auto;object-fit:contain;object-position:left center;margin:0 0 16px 0}
.hero-panel h2{font-size:25px;color:#fff!important;line-height:1.15}
.loomis-topbar h1{font-size:25px}
.section-title h3{font-size:14px}