.mobile-dashboard{gap:18px;max-width:1180px;margin:auto;display:grid}.dash-hero-card{color:#fff;background:radial-gradient(circle at 100% 0,#14532d,#07111f 65%);border-radius:30px;padding:24px;box-shadow:0 24px 60px #0f172a38}.dash-top-row{justify-content:space-between;align-items:center;display:flex}.brand-pill{color:#0f172a;background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.bell-btn{background:#fff;border:none;border-radius:16px;width:42px;height:42px}.welcome-text{color:#dbeafe;margin:26px 0 4px;font-weight:800}.dash-hero-card h1{margin:0;font-size:34px}.role-pill{color:#86efac;margin-top:6px;font-weight:900;display:inline-block}.workspace-card{background:#ffffff24;border:1px solid #ffffff29;border-radius:22px;justify-content:space-between;align-items:center;margin-top:22px;padding:16px;display:flex}.workspace-card p{color:#d1fae5;margin:5px 0 0}.quick-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-stats div{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:18px}.quick-stats span,.quick-stats small{color:var(--muted);font-weight:800}.quick-stats strong{margin:5px 0;font-size:30px;display:block}.section-heading h2{margin:0}.section-heading p{color:var(--muted);margin:4px 0 0}.module-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.module-card{border:1px solid var(--border);text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:20px}.module-card:hover{transform:translateY(-2px)}.module-icon{color:#059669;background:#ecfdf5;border-radius:18px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.module-card h3{margin:0;font-size:17px}.module-card p{color:var(--muted);margin:6px 0 0;font-size:13px}@media (width<=900px){.module-grid{grid-template-columns:repeat(2,1fr)}.mobile-dashboard{max-width:430px}}.create-enquiry-backdrop{z-index:120;background:#0f172ab8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.create-enquiry-modal{background:#fff;border-radius:24px;width:min(1180px,100%);max-height:92vh;padding:22px;overflow-y:auto;box-shadow:0 34px 90px #0000005c}.create-modal-header{color:#fff;background:linear-gradient(135deg,#07111f,#0b2545 60%,#0f5132);border-radius:20px;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px;display:flex}.create-modal-header span{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:950}.create-modal-header h3{margin:4px 0;font-size:25px}.create-modal-header p{color:#cbd5e1;margin:0}.create-modal-header button{color:#fff;background:#ffffff21;border:none;border-radius:14px;width:42px;height:42px}.customer-section{grid-template-columns:190px 1fr 220px;gap:12px;display:grid}.create-enquiry-modal label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:950;display:block}.create-enquiry-modal input,.create-enquiry-modal textarea,.create-enquiry-modal select{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:13px;outline:none;width:100%;padding:11px 12px;font-weight:750}.create-enquiry-modal input:focus,.create-enquiry-modal textarea:focus,.create-enquiry-modal select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.notes-section{margin-top:12px}.notes-section textarea{resize:vertical;min-height:82px}.material-section-head{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;display:flex}.material-section-head h4{color:#0f172a;margin:0;font-size:18px}.material-section-head p{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:750}.material-section-head button{color:#1d4ed8;background:#eff6ff;border:none;border-radius:13px;align-items:center;gap:6px;padding:10px 13px;font-weight:950;display:inline-flex}.material-line-list{gap:12px;display:grid}.material-entry-card{background:#fbfdff;border:1px solid #dbe3ef;border-radius:18px;padding:12px}.material-entry-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.material-entry-top span{color:#1d4ed8;font-size:12px;font-weight:950}.line-delete-btn{color:#991b1b;background:#fee2e2;border:none;border-radius:12px;width:34px;height:34px}.material-entry-grid{grid-template-columns:1.25fr 1.4fr 1fr .8fr 1.45fr 80px 92px;gap:8px;display:grid}.shed-box{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;margin-top:10px;padding:11px}.shed-box strong{color:#0f172a;font-size:12px;display:block}.shed-box small{color:#64748b;margin-top:2px;font-size:11px;font-weight:750;display:block}.shed-chip-wrap{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.shed-chip{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.shed-chip.active{color:#166534;background:#dcfce7;border-color:#86efac}.no-shed-text{color:#64748b;font-size:12px;font-weight:850}.create-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.cancel-btn,.save-btn{border:none;border-radius:13px;padding:12px 18px;font-weight:950}.cancel-btn{color:#334155;background:#f1f5f9}.save-btn{color:#111827;background:linear-gradient(135deg,#fbbf24,#f97316)}.save-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=820px){.create-enquiry-backdrop{align-items:end;padding:0}.create-enquiry-modal{border-radius:24px 24px 0 0;width:100%;max-height:94vh;padding:14px}.create-modal-header{border-radius:18px;padding:15px}.create-modal-header h3{font-size:21px}.create-modal-header p{font-size:12px}.customer-section,.material-entry-grid{grid-template-columns:1fr}.material-section-head{align-items:flex-start}.material-section-head button{white-space:nowrap}.material-entry-card{border-radius:16px;padding:10px}.shed-chip-wrap{max-height:110px;overflow-y:auto}.create-modal-actions{background:#fff;grid-template-columns:1fr 1fr;padding-top:10px;display:grid;position:sticky;bottom:0}.cancel-btn,.save-btn{width:100%}}.update-modal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:999;background:#02061794;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.update-modal{background:#fff;border:1px solid #dbe3ef;border-radius:22px;grid-template-rows:auto 1fr;width:min(920px,96vw);max-height:88vh;display:grid;overflow:hidden;box-shadow:0 28px 80px #02061759}.update-modal-head{color:#fff;background:linear-gradient(135deg,#07111f,#0f766e);justify-content:space-between;gap:12px;padding:16px 20px;display:flex}.update-modal-head span{color:#99f6e4;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.update-modal-head h2{margin:3px 0;font-size:20px;font-weight:900}.update-modal-head p{color:#cbd5e1;margin:0;font-size:12px;font-weight:650}.update-modal-head button{color:#fff;cursor:pointer;background:#ffffff21;border:none;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.update-material-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 1.6fr .8fr;gap:10px;margin:14px 16px 0;padding:11px;display:grid}.update-material-summary label{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.update-material-summary strong{color:#111827;word-break:break-word;font-size:13px;font-weight:750}.update-form{grid-template-columns:1fr .85fr;gap:14px;padding:14px 16px 16px;display:grid;overflow:auto}.update-field{gap:6px;display:grid}.update-field label{color:#334155;font-size:12px;font-weight:850}.update-field input,.update-field select,.update-field textarea{color:#0f172a;background:#f8fafc;border:1px solid #d9e2ef;border-radius:13px;outline:none;width:100%;padding:10px 12px;font-size:13px;font-weight:600}.update-field textarea{resize:none;min-height:128px}.update-field input:focus,.update-field select:focus,.update-field textarea:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e14}.update-left-panel{gap:11px;display:grid}.update-grid{grid-template-columns:1.35fr .7fr;gap:10px;display:grid}.record-card{background:linear-gradient(#f0fdfa,#fff);border:1px solid #ccfbf1;border-radius:18px;align-content:start;gap:12px;padding:14px;display:grid}.record-card h4{color:#0f172a;margin:0;font-size:15px;font-weight:900}.record-card p{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:650}.record-circle{color:#0f766e;background:#fff;border:2px solid #99f6e4;border-radius:999px;place-items:center;width:96px;height:96px;margin:0 auto;display:grid;box-shadow:0 14px 30px #0f766e1f}.record-circle span{margin-top:-15px;font-size:12px;font-weight:900;display:block}.record-circle.recording{color:#dc2626;background:#fee2e2;border-color:#ef4444;animation:1.1s infinite pulseRecord}@keyframes pulseRecord{0%{box-shadow:0 0 #ef444459}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}.record-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.record-actions button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 12px;font-weight:900;display:inline-flex}.record-actions .stop-record{background:#dc2626}.record-actions .delete-record{background:#475569}.audio-preview{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:8px}.audio-preview audio{width:100%;height:34px}.update-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.cancel-update,.save-update{cursor:pointer;border:none;border-radius:13px;height:42px;padding:0 16px;font-size:13px;font-weight:900}.cancel-update{color:#334155;background:#f1f5f9}.save-update{color:#fff;background:#0f766e;align-items:center;gap:8px;display:inline-flex}.save-update:disabled{opacity:.65;cursor:not-allowed}@media (width<=760px){.update-modal-overlay{align-items:end;padding:0}.update-modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.update-material-summary,.update-form,.update-grid{grid-template-columns:1fr}.update-actions{grid-template-columns:1fr 1fr;display:grid}.cancel-update,.save-update{width:100%}}.enq-page{gap:12px;max-width:1320px;margin:0 auto;display:grid}.enq-topbar{background:#fff;border:1px solid #d9e2ef;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;box-shadow:0 10px 28px #0f172a12}.enq-topbar h2{color:#0f172a;margin:0;font-size:22px;font-weight:900}.enq-topbar p{color:#64748b;margin:3px 0 0;font-size:13px;font-weight:700}.enq-top-actions{gap:9px;display:flex}.refresh-btn,.new-btn,.apply-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;font-weight:850;display:inline-flex}.refresh-btn{color:#334155;background:#eef2f7;width:40px}.new-btn{color:#fff;background:#0f766e;padding:0 14px}.enq-filter{background:#fff;border:1px solid #d9e2ef;border-radius:14px;grid-template-columns:1fr 170px 150px 170px 105px;gap:9px;padding:10px;display:grid;box-shadow:0 10px 28px #0f172a12}.enq-search{background:#f8fafc;border:1px solid #d9e2ef;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.enq-search input,.enq-filter select{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:38px;font-size:13px;font-weight:600}.enq-filter select{background:#f8fafc;border:1px solid #d9e2ef;border-radius:10px;padding:0 9px}.apply-btn{color:#fff;background:#111827}.enq-table-card{background:#fff;border:1px solid #cbd5e1;border-radius:14px;max-height:calc(100vh - 255px);overflow:auto;box-shadow:0 16px 38px #0f172a17}.enq-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1260px;font-size:12.5px}.enq-table thead th{z-index:5;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.03em;background:#101827;border-right:1px solid #ffffff40;padding:9px 8px;font-size:11px;position:sticky;top:0}.enq-table th:first-child{width:90px}.enq-table th:nth-child(2){width:155px}.enq-table th:nth-child(3){width:110px}.enq-table th:nth-child(4){width:105px}.enq-table th:nth-child(5){width:145px}.enq-table th:nth-child(6){width:70px}.enq-table th:nth-child(7){width:190px}.enq-table th:nth-child(8){width:75px}.enq-table th:nth-child(9){width:115px}.enq-table th:nth-child(10){width:175px}.enq-table th:nth-child(11){width:80px}.enq-table th:nth-child(12){width:95px}.enq-table tbody td{vertical-align:top;color:#0f172a;border:1px solid #dbe3ef;padding:8px;font-weight:500;line-height:1.35;overflow:hidden}.enq-table tbody tr:nth-child(2n){background:#fbfdff}.enq-table tbody tr:hover{background:#eaf7f3}.row-green{background:#d9fbe8!important}.row-yellow{background:#fef3c7!important}.row-orange{background:#ffedd5!important}.row-red{background:#fee2e2!important}.row-grey{background:#f1f5f9!important}.date-col strong,.customer-col strong{color:#111827;font-weight:800;display:block}.date-col small,.customer-col small{color:#64748b;margin-top:2px;font-size:11px;font-weight:600;display:block}.date-col span{color:#0f766e;word-break:break-word;margin-top:5px;font-size:11px;font-weight:800;display:block}.customer-col strong{white-space:normal;word-break:break-word;max-width:145px}.phone-col{word-break:break-word;font-weight:700}.make-badge{color:#115e59;white-space:nowrap;text-overflow:ellipsis;background:#ccfbf1;border:1px solid #99f6e4;border-radius:999px;max-width:90px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block;overflow:hidden}.grade-col{color:#0f766e;word-break:break-word;font-weight:750}.shape-col,.size-col,.qty-col{color:#1f2937;white-space:normal;word-break:break-word;font-weight:500!important}.size-col{max-width:190px}.qty-col{white-space:nowrap}.status-badge-table,.line-status-pill{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.status-badge-table.pending_material_check,.line-status-pill.pending{color:#1e40af;background:#dbeafe}.status-badge-table.available,.line-status-pill.exact_available,.line-status-pill.available{color:#166534;background:#dcfce7}.status-badge-table.partial_available,.line-status-pill.partial_available{color:#92400e;background:#fef3c7}.status-badge-table.not_available,.line-status-pill.not_available{color:#991b1b;background:#fee2e2}.line-status-pill.near_available{color:#0f766e;background:#ccfbf1}.status-badge-table.escalated,.status-badge-table.manual_review,.line-status-pill.unclear{color:#475569;background:#f1f5f9}.status-badge-table.closed{color:#374151;background:#e5e7eb}.update-detail-col{color:#334155;max-width:175px;font-weight:500}.update-detail-col b,.update-detail-col span,.update-detail-col small{text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.update-detail-col b{color:#111827;white-space:nowrap;font-weight:800}.update-detail-col span{color:#0f766e;white-space:nowrap;margin-top:2px;font-size:12px;font-weight:650}.update-detail-col small{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:11px;font-weight:500;line-height:1.25;display:-webkit-box}.not-updated{font-size:12px;color:#94a3b8!important;font-weight:700!important}.source-col{text-transform:capitalize;font-weight:650}.action-col{text-align:center}.line-update-btn{color:#0f766e;cursor:pointer;white-space:nowrap;background:#f0fdfa;border:1px solid #99f6e4;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-flex}.line-update-btn:hover{color:#fff;background:#0f766e}.empty-cell{text-align:center;font-weight:800;color:#64748b!important;padding:30px!important}.enq-pagination{justify-content:flex-end;align-items:center;gap:9px;display:flex}.enq-pagination button{cursor:pointer;background:#fff;border:1px solid #d9e2ef;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-weight:800;display:inline-flex}.enq-pagination button:disabled{opacity:.45;cursor:not-allowed}.enq-pagination span{color:#64748b;font-size:13px;font-weight:700}.mobile-enq-list,.mobile-floating-new{display:none}@media (width<=820px){.enq-page{max-width:430px;padding-bottom:88px}.enq-topbar{color:#fff;background:radial-gradient(circle at 100% 0,#0f766e,#07111f 70%);border:none;border-radius:0 0 24px 24px;margin:-16px -16px 0;padding:18px 14px 14px}.enq-topbar h2{color:#fff;font-size:19px}.enq-topbar p{color:#cbd5e1}.refresh-btn{color:#fff;background:#ffffff1f}.new-btn{display:none}.enq-filter{border-radius:16px;grid-template-columns:1fr}.enq-table-card{display:none}.mobile-enq-list{gap:10px;display:grid}.mobile-enq-card{background:#fff;border:1px solid #dbe3ef;border-radius:17px;padding:12px;box-shadow:0 10px 24px #0f172a14}.mobile-card-head{justify-content:space-between;gap:8px;display:flex}.mobile-card-head span{color:#0f766e;font-size:11px;font-weight:800}.mobile-card-head h3{color:#111827;margin:4px 0;font-size:15px;line-height:1.25}.mobile-card-head p{color:#64748b;margin:0;font-size:11px;font-weight:650}.mobile-info-row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.mobile-info-row span{color:#334155;background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.mobile-material-grid{gap:7px;display:grid}.mobile-material-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:70px 48px 1fr auto;align-items:center;gap:6px;padding:8px;font-size:11.5px;display:grid}.mobile-material-grid b{color:#0f766e;font-weight:800}.mobile-material-grid p{word-break:break-word;margin:0;font-weight:500}.mobile-material-grid strong{white-space:nowrap;font-weight:600}.mobile-material-grid section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-column:1/-1;justify-content:space-between;gap:8px;padding:7px;display:flex}.mobile-material-grid section em{color:#0f766e;font-style:normal;font-weight:800}.mobile-material-grid section small{color:#64748b;font-weight:650}.mobile-update-line-btn{color:#fff;background:#0f766e;border:none;border-radius:10px;grid-column:1/-1;margin-top:3px;padding:8px;font-size:12px;font-weight:800}.enq-pagination{justify-content:center}.mobile-floating-new{color:#fff;z-index:80;background:#0f766e;border:none;border-radius:20px;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:84px;right:20px;box-shadow:0 18px 42px #0f766e59}}.audio-view-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;margin-top:8px;padding:5px 10px;font-size:11px;font-weight:800}.audio-view-btn:hover{background:#115e59}.audio-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;place-items:center;display:grid;position:fixed;inset:0}.audio-modal{background:#fff;border-radius:18px;width:min(520px,92vw);overflow:hidden;box-shadow:0 25px 60px #0f172a59}.audio-modal-head{color:#fff;background:linear-gradient(135deg,#07111f,#0f766e);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.audio-modal-head h3{margin:0;font-size:18px;font-weight:900}.audio-modal-head button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;width:36px;height:36px}.audio-modal audio{width:100%;padding:20px}.audio-player-box{background:#fff;padding:18px}.audio-player-box audio{width:100%;height:44px;display:block}.audio-open-link{text-align:center;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;margin:0 18px 18px;padding:10px;font-size:13px;font-weight:900;text-decoration:none;display:block}.voice-player-card{background:#fff;gap:14px;padding:22px;display:grid}.voice-play-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:54px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #0f766e38}.voice-play-btn:hover{background:#115e59}.voice-error{color:#b91c1c;text-align:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:10px;font-size:12px;font-weight:800}.mobile-audio-view-btn{color:#fff;background:#0f766e;border:none;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800}:root{--navy:#07111f;--navy-soft:#0f1f35;--blue:#2563eb;--green:#16a34a;--orange:#f97316;--red:#dc2626;--grey:#64748b;--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e5e7eb;--radius:18px;--shadow:0 18px 45px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0f172a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.primary-btn.small{padding:10px 14px}.secondary-btn{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:14px;padding:12px 16px;font-weight:700}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px;font-size:14px}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;width:280px;height:100vh;padding:22px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-mark{background:linear-gradient(135deg,#2563eb,#22c55e);border-radius:15px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.brand-mark.large{width:70px;height:70px;font-size:22px}.brand h2{margin:0;font-size:18px}.brand p{color:#94a3b8;margin:4px 0 0;font-size:13px}.side-nav{gap:8px;display:grid}.side-nav a{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;font-weight:700;text-decoration:none;display:flex}.side-nav a.active,.side-nav a:hover{color:#fff;background:#ffffff1a}.logout-btn{color:#fff;background:#ffffff14;border:none;border-radius:14px;justify-content:center;gap:10px;padding:13px;font-weight:800;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.main-area{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:22px}.topbar p{color:var(--muted);margin:5px 0 0}.top-user{background:#f8fafc;border-radius:14px;padding:10px 14px;display:grid}.top-user span{font-weight:800}.top-user small{color:var(--muted)}.content-area{padding:28px}.mobile-bottom-nav{display:none}@media (width<=820px){.app-shell{padding-bottom:76px;display:block}.sidebar{display:none}.topbar{align-items:flex-start;gap:12px;height:auto;padding:16px}.topbar h1{font-size:18px}.topbar p,.top-user{font-size:12px}.content-area{padding:16px}.mobile-bottom-nav{border-top:1px solid var(--border);z-index:50;background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:var(--muted);place-items:center;gap:3px;padding:10px 4px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.mobile-bottom-nav a.active{color:var(--blue)}}.login-page{background:radial-gradient(circle at 0 0,#1d4ed8,#07111f 45%);grid-template-columns:1fr 430px;align-items:center;gap:40px;min-height:100vh;padding:40px;display:grid}.login-left{color:#fff;max-width:620px}.login-brand h1{margin:22px 0 10px;font-size:48px}.login-brand p{color:#cbd5e1;font-size:18px}.login-highlights{gap:14px;margin-top:34px;display:grid}.login-highlights div{color:#e2e8f0;align-items:center;gap:12px;display:flex}.login-card{box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:34px}.login-card h2{margin:0;font-size:30px}.login-card p{color:var(--muted);margin-bottom:24px}.login-card form{gap:12px;display:grid}.login-card label{font-size:14px;font-weight:800}.input-box,.search-box{border:1px solid var(--border);background:#f8fafc;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-box input,.search-box input{background:0 0;border:none;outline:none;width:100%;padding:14px 0}.page-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-title-row h2{margin:0;font-size:28px}.page-title-row p{color:var(--muted);margin:6px 0 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card,.panel-card,.filter-card,.table-card,.mobile-enquiry-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.stat-card{padding:22px}.stat-card span{color:var(--muted);font-size:13px;font-weight:800}.stat-card h3{margin:10px 0;font-size:34px}.stat-card p{color:var(--muted);margin:0}.dashboard-grid{grid-template-columns:1.4fr .8fr;gap:18px;margin-top:20px;display:grid}.panel-card{padding:22px}.empty-state{color:var(--muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:30px}.legend-list{color:var(--muted);gap:12px;font-weight:700;display:grid}.dot{border-radius:50%;width:11px;height:11px;margin-right:8px;display:inline-block}.green{background:var(--green)}.orange{background:var(--orange)}.red{background:var(--red)}.grey{background:var(--grey)}.filter-card{grid-template-columns:1fr 230px auto;gap:12px;margin-bottom:18px;padding:16px;display:grid}.filter-card select{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:0 14px}.table-card{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);white-space:nowrap;background:#f8fafc;padding:15px;font-size:13px}td{border-top:1px solid var(--border);white-space:nowrap;padding:15px}.status-badge{text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.status-available,.status-exact_available{color:#166534;background:#dcfce7}.status-partial_available,.status-near_available{color:#9a3412;background:#ffedd5}.status-not_available{color:#991b1b;background:#fee2e2}.status-manual_review,.status-unclear{color:#92400e;background:#fef3c7}.status-pending_material_check,.status-pending{color:#075985;background:#e0f2fe}.status-closed{color:#374151;background:#e5e7eb}.mobile-card-list{display:none}@media (width<=900px){.login-page{grid-template-columns:1fr;padding:20px}.login-left{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.filter-card{grid-template-columns:1fr}}@media (width<=640px){.page-title-row{align-items:flex-start}.page-title-row h2{font-size:22px}.stats-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-card-list{gap:14px;display:grid}.mobile-enquiry-card{padding:16px}.mobile-enquiry-card>div:first-child{justify-content:space-between;gap:10px;display:flex}.mobile-enquiry-card h3{margin:0;font-size:16px}.mobile-enquiry-card p{color:var(--muted);line-height:1.5}.mobile-meta{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:800;display:flex}}