:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a}*{box-sizing:border-box}body{margin:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#eff6ff,#fff,#eef2ff)}.auth-card{width:100%;max-width:420px;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 12px 32px #0f172a1f}.auth-card-wide{max-width:620px}.auth-card h1{margin:0 0 8px;font-size:28px}.auth-card p{margin:0 0 16px;color:#475569}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form label{font-weight:600;font-size:14px}.auth-form input{padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;outline:none;font-size:14px}.auth-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.auth-form button{margin-top:8px;padding:12px;border:none;border-radius:10px;color:#fff;background:linear-gradient(90deg,#4f46e5,#6366f1);font-weight:600;cursor:pointer}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:8px 10px;font-size:14px}.auth-links{display:flex;justify-content:space-between;margin-top:14px}.auth-links a{font-size:14px;color:#4f46e5;text-decoration:none}.auth-links a:hover{text-decoration:underline}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}.portal-page{min-height:100vh;padding:28px 36px;background:#eee}.portal-header-row{display:flex;align-items:flex-start;gap:36px;margin-bottom:24px}.portal-title-block{font-size:20px;line-height:1.05;white-space:pre-line}.portal-role-label{font-size:20px;margin-top:4px}.logout-btn{margin-left:auto;border:1px solid #6fa8c3;background:transparent;padding:8px 12px;cursor:pointer}.portal-box{border:1px solid #6fa8c3;padding:30px;min-height:420px;background:transparent}.portal-box h2{margin:0 0 40px;font-size:38px;font-weight:500}.admin-menu-panel{border:1px solid #6fa8c3;padding:28px 36px;min-height:360px;margin-bottom:18px}.sidebar-layout-panel{display:grid;grid-template-columns:250px 1fr;gap:24px}.admin-menu-panel h2{margin:0 0 72px;font-size:36px;font-weight:500}.admin-sidebar{border-right:1px solid #cbd5e1;padding-right:18px}.admin-sidebar-title{font-weight:700;font-size:14px;margin-bottom:12px;color:#0f172a}.admin-sidebar-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.admin-sidebar-link{width:100%;text-align:left;border:1px solid #6fa8c3;background:transparent;color:#1e293b;padding:8px 10px;font-size:13px;cursor:pointer}.admin-sidebar-link.active{background:#e8f4f8;font-weight:700}.admin-main-content{min-width:0}.admin-workspace-box{min-height:unset}.user-dashboard-welcome{margin:0 0 16px;color:#334155;font-size:15px}.user-dashboard-cta{color:#2563eb;font-weight:600;text-decoration:none}.user-dashboard-cta:hover{text-decoration:underline}.profile-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-section-title{margin:0 0 14px;font-size:17px;color:#0f172a}.profile-subheading{margin:20px 0 10px;font-size:14px;font-weight:600;color:#334155}.profile-edit-form{display:flex;flex-direction:column;gap:6px;max-width:420px}.profile-label{font-size:13px;font-weight:600;color:#374151;margin-top:8px}.profile-label:first-of-type{margin-top:0}.profile-input{border:1px solid #cbd5e1;border-radius:6px;padding:9px 11px;font-size:14px;width:100%;max-width:420px;box-sizing:border-box}.profile-readonly-row{display:flex;flex-direction:column;gap:4px;margin-top:8px}.profile-role-value{font-size:14px;color:#64748b}.profile-save-btn{margin-top:16px;align-self:flex-start;border:none;background:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.profile-save-btn:disabled{opacity:.65;cursor:not-allowed}.profile-success{color:#15803d;font-size:14px;margin-top:8px}.profile-track-hint{margin-top:0;margin-bottom:12px}.po-track-form{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;max-width:720px}.po-track-input{flex:1 1 220px;min-width:200px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:11px 14px;font-size:15px}.track-order-btn{flex:0 0 auto;background:#012269;color:#fff;border:none;border-radius:8px;padding:11px 24px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:44px}.track-order-btn:hover:not(:disabled){background:#011a52}.track-order-btn:disabled{opacity:.65;cursor:not-allowed}.profile-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:14px;margin-bottom:16px}.profile-toast-dismiss{border:none;background:transparent;color:#047857;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline}.profile-vaa-header{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}@media (min-width: 900px){.profile-vaa-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.profile-vaa-main{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.profile-vaa-main{flex-direction:row;align-items:flex-start}}.profile-vaa-avatar{width:96px;height:96px;min-width:96px;border-radius:24px;background:linear-gradient(145deg,#c4b5fd,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:300}.profile-vaa-info{flex:1;min-width:0}.profile-vaa-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.profile-vaa-name{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.profile-vaa-role-pill{background:#01226912;color:#012269;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.profile-vaa-contacts{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px}.profile-contact-chip{display:flex;align-items:center;gap:8px}.profile-contact-icon{width:28px;height:28px;border-radius:999px;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:14px}.profile-contact-text{font-size:13px;color:#000c}.profile-vaa-bio{margin:10px 0 0;font-size:14px;color:#475569;line-height:1.5}.profile-vaa-actions{display:flex;flex-direction:column;gap:10px;min-width:160px}.profile-action-btn{border-radius:6px;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.profile-action-outline{border:2px solid #012269;background:transparent;color:#012269}.profile-action-outline:hover{background:#0122690f}.profile-action-solid{border:none;background:#012269;color:#fff}.profile-action-solid:hover{background:#011a52}.profile-vaa-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:28px}@media (min-width: 960px){.profile-vaa-grid{grid-template-columns:1fr 1fr;align-items:start}}.profile-company-card{border:1px solid #d1d5db;padding:20px;background:#fff}.profile-company-title{margin:0 0 16px;text-align:center;font-size:1.125rem;font-weight:700;color:#012269}.profile-company-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.profile-company-logo{width:100px;height:100px;border-radius:36px;background:#c0ebd6;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:300;color:#0f172a}.profile-company-name{margin:8px 0 0;font-weight:600;font-size:15px}.profile-company-desc{margin:0;max-width:280px}.profile-company-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;width:100%;max-width:400px;margin-top:12px;text-align:center}.profile-points-label{display:block;font-size:11px;color:#64748b}.profile-points-value{display:block;font-size:13px;font-weight:500;margin-top:4px}.profile-stats-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 560px){.profile-stats-grid{grid-template-columns:1fr 1fr}}.profile-stat-card{border:1px solid #e5e7eb;background:#fff;padding:16px;border-radius:4px}.profile-stat-number{margin:0;font-size:1.75rem;font-weight:700;color:#0f172a}.profile-stat-desc{margin:6px 0 8px;font-size:13px;color:#475569;line-height:1.35}.profile-stat-badge{display:inline-block;font-size:11px;color:#15803d;font-weight:600}.profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.profile-modal{background:#fff;border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:22px 24px;box-shadow:0 20px 40px #00000026}.profile-modal-wide{max-width:640px}.profile-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-modal-header h2{margin:0;font-size:1.25rem;color:#0f172a}.profile-modal-close{border:none;background:transparent;font-size:1.5rem;line-height:1;color:#64748b;cursor:pointer;padding:0 4px}.profile-modal-close:hover{color:#0f172a}.profile-modal-desc{margin:8px 0 16px;font-size:13px;color:#64748b}.profile-modal-form label{display:block;font-size:12px;font-weight:600;color:#001858;margin-bottom:6px;margin-top:12px}.profile-modal-form label:first-of-type{margin-top:0}.profile-modal-form input,.profile-modal-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;padding:9px 11px;font-size:14px}.profile-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.profile-modal-span-2{grid-column:1 / -1}@media (max-width: 560px){.profile-modal-grid{grid-template-columns:1fr}.profile-modal-span-2{grid-column:1}}.profile-modal-error{margin-top:12px}.profile-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.profile-btn-outline{border:2px solid #001858;background:#fff;color:#001858;font-weight:600;padding:9px 20px;border-radius:6px;cursor:pointer;font-size:14px}.profile-btn-primary{border:none;background:#001858;color:#fff;font-weight:600;padding:9px 20px;border-radius:6px;cursor:pointer;font-size:14px}.profile-btn-primary:disabled,.profile-btn-outline:disabled{opacity:.6;cursor:not-allowed}.admin-placeholder-card{border:1px dashed #6fa8c3;background:#f8fafc;padding:18px;min-height:130px}.admin-placeholder-card h3{margin:0 0 8px}.admin-placeholder-card p{margin:0;color:#334155}.po-form{max-width:900px}.po-form input,.po-form button,.admin-menu-row button{border:1px solid #6fa8c3;background:transparent;color:#222}.po-form input{width:300px;padding:8px 10px;margin-bottom:26px;font-size:14px}.po-form button{width:100%;padding:10px;font-size:36px}.admin-menu-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;max-width:1000px;margin-bottom:20px}.admin-menu-row-mock{max-width:760px;margin-left:auto;margin-right:auto}.admin-menu-row button{padding:7px 8px;font-size:14px;letter-spacing:.2px}.admin-actions button{border:1px solid #6fa8c3;background:transparent;padding:8px 14px;cursor:pointer;margin-bottom:14px}.dashboard-error{color:#b91c1c;margin-bottom:12px}.portal-success-toast{background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:14px}.invoice-results{margin-top:14px;display:grid;gap:10px}.invoice-card{border:1px solid #6fa8c3;padding:10px;background:#f8f8f8}.admin-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eef2f7;padding:11px 12px;font-size:13px}.admin-table th{background:#f8fafc;color:#334155;font-weight:700}.admin-table tbody tr:hover{background:#f8fbff}.live-track-row{margin-top:12px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.courier-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}.courier-input{border:1px solid #6fa8c3;padding:6px 8px;font-size:14px;min-width:140px}.live-track-btn{border:1px solid #6fa8c3;background:#e8f4f8;padding:8px 12px;font-size:13px;cursor:pointer}.live-track-btn:disabled{opacity:.6;cursor:not-allowed}.tm-live-block{margin-top:12px;padding-top:10px;border-top:1px dashed #6fa8c3;font-size:14px}.tm-live-block>div{margin-bottom:6px}.tm-checkpoints ul{margin:6px 0 0;padding-left:18px}.tm-cp-time{color:#475569;font-size:12px}.invoice-editor{margin:14px 0 20px;border:1px solid #6fa8c3;padding:12px;background:#f5fbfd}.invoice-editor h3{margin:0 0 8px}.hint-line{margin:0 0 12px;font-size:12px;color:#334155}.invoice-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.invoice-mode-tabs button{border:1px solid #6fa8c3;background:#f8fafc;padding:7px 12px;cursor:pointer;font-size:13px}.invoice-mode-tabs button.active{background:#e8f4f8;font-weight:700}.upload-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.upload-row button{border:1px solid #6fa8c3;background:#e8f4f8;padding:7px 12px;cursor:pointer}.invoice-form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px}.invoice-form-grid input,.invoice-form-grid textarea{border:1px solid #6fa8c3;padding:7px 8px;font-size:13px;background:#fff}.invoice-form-grid textarea{min-height:58px;resize:vertical}.editor-actions{display:flex;gap:8px;margin-top:10px}.editor-actions button{border:1px solid #6fa8c3;background:#e8f4f8;padding:8px 12px;cursor:pointer}.secondary-btn{background:#f8fafc!important}.table-action-btn{border:1px solid #6fa8c3;background:#f1f5f9;padding:4px 8px;cursor:pointer}.table-action-btn.secondary{border-color:#94a3b8;background:#f8fafc}.table-action-btn.danger{border-color:#fecaca;background:#fee2e2;color:#991b1b}.table-action-btn:disabled{opacity:.6;cursor:not-allowed}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.invoice-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.invoice-details-modal{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:14px}.invoice-details-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.invoice-details-head h3{margin:0}.invoice-details-close{border:1px solid #d1d5db;background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer}.invoice-details-grid{display:grid;gap:8px}.invoice-detail-row{display:grid;grid-template-columns:180px 1fr;gap:10px;border-bottom:1px dashed #e5e7eb;padding-bottom:6px}.invoice-detail-key{font-weight:700;color:#334155;word-break:break-word}.invoice-detail-value{color:#0f172a;word-break:break-word}@media (max-width: 900px){.invoice-form-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.sidebar-layout-panel{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid #cbd5e1;padding-right:0;padding-bottom:12px}}.portal-app-shell{min-height:100vh;background:#f5f6f9}.portal-top-header{height:52px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.portal-top-left{display:flex;align-items:center;gap:24px}.portal-logo{border:none;background:transparent;color:#0f3d76;font-weight:700;font-size:20px;cursor:pointer}.portal-top-nav{display:flex;gap:18px}.portal-top-link{color:#374151;text-decoration:none;font-size:14px}.portal-top-link span.active{color:#111827;font-weight:700}.portal-top-right{display:flex;align-items:center;gap:14px}.portal-profile-wrap{position:relative}.portal-bell{font-size:17px}.portal-avatar{width:28px;height:28px;border-radius:50%;border:none;background:#0f3d76;color:#fff;cursor:pointer;font-size:12px;font-weight:700}.portal-profile-dropdown{position:absolute;right:0;top:36px;width:150px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 28px #0f172a1f;z-index:20}.portal-profile-dropdown button{width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;cursor:pointer;font-size:14px}.portal-profile-dropdown button:hover{background:#f8fafc}.portal-content{padding:18px 20px 24px}.dashboard-wrap{display:grid;gap:14px}.dashboard-heading h1{margin:0;font-size:28px}.dashboard-heading p{margin:4px 0 0;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.stat-card{background:#fff;border:1px solid #e5e7eb;padding:14px}.stat-value{font-size:33px;font-weight:700;color:#1f3f77}.stat-title{margin-top:4px;font-weight:600}.stat-note{margin-top:2px;color:#6b7280;font-size:12px}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.panel-box{background:#fff;border:1px solid #e5e7eb;padding:14px}.panel-box h3{margin:0 0 10px}.panel-big{margin:0;font-size:34px;font-weight:700}.panel-muted{margin:0;color:#6b7280}@media (max-width: 980px){.stats-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.panel-grid{grid-template-columns:1fr}.portal-top-nav{display:none}}