/* Milford Global UI rescue layer v10 — clean SaaS/admin styles */
:root{
  --ui-bg:#f5f7fb; --ui-panel:#ffffff; --ui-panel-2:#f8fafc; --ui-text:#101828; --ui-muted:#667085;
  --ui-line:#e4e7ec; --ui-line-2:#d0d5dd; --ui-gold:#d8b64d; --ui-gold-dark:#b88918;
  --ui-blue:#536dfe; --ui-blue-soft:#eef2ff; --ui-green:#16a34a; --ui-red:#dc2626; --ui-orange:#f59e0b;
  --ui-radius:18px; --ui-radius-sm:12px; --ui-shadow:0 16px 40px rgba(16,24,40,.08);
}
html[data-theme='dark']{
  --ui-bg:#07111f; --ui-panel:#101d2f; --ui-panel-2:#15243a; --ui-text:#f8fafc; --ui-muted:#a9b6ca;
  --ui-line:rgba(148,163,184,.20); --ui-line-2:rgba(148,163,184,.32); --ui-blue-soft:rgba(83,109,254,.14);
  --ui-shadow:0 18px 50px rgba(0,0,0,.34);
}
body.admin-app-body, body.supplier-app-body{font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;letter-spacing:-.01em;}
body.admin-app-body main, body.supplier-app-body main{min-height:100vh;background:var(--ui-bg)!important;}
/* app shell */
.admin-shell{min-height:100vh;display:grid!important;grid-template-columns:294px minmax(0,1fr);background:var(--ui-bg)!important;}
.admin-sidebar{position:sticky!important;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--ui-panel)!important;border-right:1px solid var(--ui-line)!important;padding:22px 14px!important;color:var(--ui-text)!important;scrollbar-width:thin;}
.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-content{padding:28px!important;max-width:1580px;width:100%;}
.admin-brand,.admin-profile{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ui-text)!important}.admin-brand{padding:10px 8px 20px}.admin-brand img{width:50px;height:50px;border-radius:50%;object-fit:cover}.admin-brand strong{display:block;font-weight:900;font-size:19px;letter-spacing:-.03em}.admin-brand span{display:block;color:var(--ui-gold-dark);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-profile{margin:8px 4px 18px;padding:13px;border:1px solid var(--ui-line);border-radius:18px;background:linear-gradient(135deg,#fffaf0,var(--ui-panel));box-shadow:0 10px 24px rgba(16,24,40,.04)}html[data-theme='dark'] .admin-profile{background:var(--ui-panel-2)}.admin-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#f6d365,#d8b64d);color:#111827;font-weight:900}.admin-avatar.small{width:32px;height:32px;border-radius:10px;font-size:12px}.admin-profile strong{display:block;font-weight:900}.admin-profile span{display:block;color:var(--ui-muted);font-size:13px;margin-top:2px}.admin-menu{display:grid;gap:7px;padding-bottom:18px}.admin-menu a{display:flex!important;align-items:center;gap:12px;min-height:46px;padding:11px 13px;border-radius:14px;text-decoration:none;color:#5b6679!important;font-weight:800;border:1px solid transparent}.admin-menu a span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#f3f6fb;color:var(--ui-blue);font-size:13px}.admin-menu a b{margin-left:auto;background:#eef2ff;color:#4f46e5;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:12px}.admin-menu a:hover,.admin-menu a.active{background:#eef2ff!important;color:#4f46e5!important;border-color:#dfe4ff}.admin-menu a.active span{background:#536dfe;color:white}.sidebar-footer-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),var(--ui-panel) 18%);padding-top:18px;display:grid;gap:9px}.logout-link,.theme-toggle{width:100%;min-height:42px;border-radius:14px!important}.admin-app-topbar{height:70px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-panel);box-shadow:var(--ui-shadow);padding:12px 16px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-search{display:flex;align-items:center;gap:11px;flex:1;min-width:160px;color:var(--ui-muted)}.admin-search input{border:0!important;background:transparent!important;color:var(--ui-text)!important;font-size:15px;outline:0;width:100%;min-height:40px}.admin-top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-user-pill{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--ui-text)}
/* headings, cards */
.kicker,.soft-label{display:inline-flex!important;align-items:center;width:max-content;border:1px solid rgba(184,137,24,.24)!important;background:#fff8e6!important;color:#966a0a!important;border-radius:999px!important;padding:8px 13px!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:900!important}.admin-topbar,.portal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 24px}.admin-topbar h1,.portal-topbar h1,.admin-dashboard-hero h1,.auth-card h1,.auth-card h2,.supplier-auth-card h2,.tender-detail-hero h1{font-family:'Plus Jakarta Sans','Inter',sans-serif!important;color:var(--ui-text)!important;font-weight:900!important;letter-spacing:-.055em!important;line-height:1.02!important}.admin-topbar h1,.portal-topbar h1{font-size:clamp(34px,4vw,58px)!important;margin:12px 0 8px!important}.admin-topbar p,.portal-topbar p,.admin-dashboard-hero p{color:var(--ui-muted)!important;line-height:1.7!important}.admin-panel,.metric-card,.info-card,.supplier-doc-card,.doc-review-card,.status-overview-card,.supplier-auth-card,.register-hero-card,.form-section{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}.admin-panel{padding:24px!important}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-title h2,.admin-panel h2{margin:0;color:var(--ui-text)!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.035em}.admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.align-start{align-items:start}.admin-insight-grid{display:grid;grid-template-columns:1fr .72fr;gap:22px;margin:22px 0}.dash-metrics,.smart-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}.metric-card{min-height:146px;padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.metric-card i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-style:normal;background:#eef2ff;color:#4f46e5}.metric-card span{color:var(--ui-muted)!important;font-size:13px!important;font-weight:800}.metric-card strong{display:block;color:var(--ui-text)!important;font-size:34px!important;line-height:1;font-weight:900!important}.metric-card strong.smaller{font-size:22px!important}.metric-card small{color:var(--ui-muted)!important}.accent-gold i{background:#fff6d6;color:#b88918}.accent-green i{background:#dcfce7;color:#16a34a}.accent-red i{background:#fee2e2;color:#dc2626}.accent-cyan i{background:#cffafe;color:#0891b2}.accent-orange i{background:#ffedd5;color:#ea580c}.accent-purple i{background:#f3e8ff;color:#9333ea}.accent-indigo i{background:#e0e7ff;color:#4f46e5}.accent-blue i{background:#dbeafe;color:#2563eb}.admin-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:center;border:1px solid var(--ui-line);background:linear-gradient(135deg,#fff,var(--ui-panel-2) 62%,#fff8e5)!important;border-radius:26px;padding:30px!important;box-shadow:var(--ui-shadow);margin-bottom:22px}.admin-dashboard-hero h1{font-size:clamp(40px,5vw,64px)!important;margin:12px 0}.admin-hero-widget{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:20px;padding:20px;text-align:center}.growth-ring{width:132px;height:132px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#536dfe calc(var(--value)*1%),#e5e7eb 0);position:relative}.growth-ring:before{content:"";position:absolute;inset:16px;background:var(--ui-panel);border-radius:50%}.growth-ring span,.growth-ring small{position:relative}.growth-ring span{font-weight:900;font-size:26px}.growth-ring small{display:block;color:var(--ui-muted);font-weight:800}.quick-grid,.modern-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-grid a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ui-text)!important;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-panel-2);padding:16px;font-weight:900}.quick-grid a b{width:38px;height:38px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;border-radius:12px}.pipeline-bars{height:240px;display:flex;align-items:end;gap:20px;padding:24px;border-radius:18px;background:linear-gradient(180deg,var(--ui-panel-2),var(--ui-panel))}.pipeline-bars div{flex:1;text-align:center}.pipeline-bars b{display:block;min-height:18px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#536dfe,#90a0ff);margin:8px auto;width:44px}.pipeline-bars span,.pipeline-bars em{display:block;color:var(--ui-muted);font-style:normal;font-size:12px;font-weight:800}
/* forms */
.modern-field label,.compact-form label,.form-field label,.review-form label,.small-form label,.tender-response-form label,.builder-grid label{display:block!important;color:#5e6b80!important;font-size:13px!important;font-weight:800!important;margin:0 0 8px!important}.modern-field input,.modern-field textarea,.modern-field select,.compact-form input,.compact-form textarea,.compact-form select,.form-field input,.form-field textarea,.form-field select,.review-form input,.review-form textarea,.review-form select,.small-form input,.small-form select,.small-form textarea,.tender-response-form input,.tender-response-form textarea,.tender-response-form select,.filter-bar input,.filter-bar select,.builder-grid input,.builder-grid textarea,.builder-grid select{width:100%!important;min-height:48px!important;border:1px solid var(--ui-line-2)!important;background:#fff!important;color:#101828!important;border-radius:13px!important;padding:12px 14px!important;font-size:15px!important;outline:none!important;box-shadow:none!important}.modern-field input[type=password],input[type=password]{-webkit-text-security:disc!important}.modern-field textarea,.compact-form textarea,.form-field textarea,.review-form textarea,.small-form textarea,.tender-response-form textarea{min-height:112px!important;resize:vertical}.modern-field input:focus,.compact-form input:focus,.form-field input:focus,.tender-response-form input:focus,.modern-field textarea:focus,.compact-form textarea:focus,.form-field textarea:focus,.tender-response-form textarea:focus,.modern-field select:focus,.compact-form select:focus,.tender-response-form select:focus{border-color:#536dfe!important;box-shadow:0 0 0 4px rgba(83,109,254,.12)!important}.modern-field select option,.compact-form select option,.review-form select option,.tender-response-form select option{background:#fff!important;color:#101828!important}.compact-form{display:grid;gap:15px}.admin-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-create-grid .full{grid-column:1/-1}.checkline{display:flex!important;align-items:center;gap:10px;border:1px solid var(--ui-line);border-radius:13px;padding:12px;background:var(--ui-panel-2)}.checkline input{width:18px!important;height:18px!important;min-height:18px!important}.permission-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0}.permission-grid label{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:13px 14px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:var(--ui-panel-2)!important;color:var(--ui-text)!important;font-weight:800!important}.permission-grid input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;min-height:22px!important;border-radius:7px!important;border:2px solid #cbd5e1!important;background:#fff!important;display:grid;place-items:center;flex:0 0 auto}.permission-grid input[type=checkbox]:checked{background:#536dfe!important;border-color:#536dfe!important}.permission-grid input[type=checkbox]:checked:after{content:'✓';color:#fff;font-weight:900;font-size:14px}
/* buttons */
.btn,.mini-btn,.theme-toggle,.logout-link,button{font-family:'Plus Jakarta Sans','Inter',sans-serif!important}.btn,.mini-btn,.theme-toggle,.logout-link{border-radius:13px!important;border:1px solid var(--ui-line-2)!important;font-weight:900!important;text-decoration:none!important;transition:.16s ease!important}.btn{min-height:48px;padding:12px 18px!important}.mini-btn{min-height:38px;padding:9px 13px!important;font-size:13px!important;background:#fff!important;color:#101828!important}.btn-gold,.btn-primary{background:linear-gradient(135deg,#f5d76e,#d4a82f)!important;color:#111827!important;border:0!important;box-shadow:0 12px 26px rgba(216,182,77,.22)!important}.btn-dark,.btn-ghost{background:#fff!important;color:#101828!important;border-color:var(--ui-line-2)!important}.btn-danger,.mini-btn.danger{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}.btn:hover,.mini-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.09)!important}.btn[disabled],button[disabled],.disabled{opacity:.55!important;cursor:not-allowed!important}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reset-link-row a{color:#b88918!important;font-weight:900!important;text-decoration:none!important}
/* tables/lists */
.responsive-table,.table-wrap{overflow:auto;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-panel)}table{width:100%;border-collapse:separate!important;border-spacing:0;min-width:780px}th,td{padding:14px 16px!important;border-bottom:1px solid var(--ui-line)!important;text-align:left!important;color:var(--ui-muted)!important;font-size:14px!important;vertical-align:top}th{background:var(--ui-panel-2)!important;color:#344054!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important}td strong{color:var(--ui-text)!important}.badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:900!important;border:1px solid transparent!important}.badge-success{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}.badge-info{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.badge-warning{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}.badge-danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.card-list,.notification-list,.application-list{display:grid;gap:12px}.content-card,.notify-card,.application-list article{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;border:1px solid var(--ui-line)!important;background:var(--ui-panel-2)!important;border-radius:16px!important;padding:16px!important;color:var(--ui-text)!important}.content-card p,.content-card span,.notify-card p,.notify-card small,.application-list span{color:var(--ui-muted)!important}.notify-card.unread{border-left:4px solid var(--ui-gold)!important;background:#fffbeb!important}.empty-state{border:1px dashed var(--ui-line-2);border-radius:18px;padding:28px;text-align:center;color:var(--ui-muted);background:var(--ui-panel-2)}
/* supplier auth/dashboard */
.supplier-auth-modern{min-height:100vh!important;background:linear-gradient(135deg,#f6f8fc,#fff8e8)!important;padding:54px 16px!important}.supplier-auth-panel{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.supplier-auth-visual,.supplier-auth-card{background:#fff!important;color:#101828!important;border:1px solid var(--ui-line)!important;border-radius:26px!important;box-shadow:var(--ui-shadow)!important}.supplier-auth-visual{padding:34px!important;min-height:540px!important;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important}.supplier-auth-visual h1{color:#fff!important;font-size:clamp(40px,5vw,68px)!important;letter-spacing:-.06em!important;line-height:.98!important}.supplier-auth-visual p{color:#cbd5e1!important;line-height:1.7!important}.supplier-auth-card{padding:32px!important;align-self:center}.supplier-auth-card h2{font-size:42px!important}.form-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.create-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ui-line);border-radius:18px;background:#f8fafc;padding:16px;margin-top:20px}.create-strip strong{color:#101828!important}.create-strip span{color:#667085!important}.auth-flow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-flow-cards div{padding:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:16px}.auth-flow-cards b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f5d76e;color:#111827;margin-bottom:10px}.auth-flow-cards span{color:#fff;font-weight:800}.supplier-dashboard-modern,.supplier-dashboard-page,.supplier-status-page,.supplier-tender-detail-modern{padding:34px 0 78px!important}.supplier-app-wrap{max-width:1440px;margin:auto;padding:0 22px}.supplier-sidebar,.supplier-main-card,.supplier-section-card{background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;box-shadow:var(--ui-shadow)!important}.supplier-tabs a,.supplier-tabs button{border-radius:13px!important}.tender-detail-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:linear-gradient(135deg,#fff,#fff8e5)!important;border:1px solid var(--ui-line)!important;border-radius:26px!important;padding:30px!important;box-shadow:var(--ui-shadow)!important;margin-bottom:18px}.tender-detail-hero h1{font-size:48px!important;margin:12px 0 8px!important}.tender-response-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.tender-response-form .full{grid-column:1/-1}.attachment-list{display:grid;gap:10px;margin-top:18px}.attachment-list article{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel-2);padding:12px}.alert{padding:14px 16px!important;border-radius:14px!important;margin:14px 0!important;font-weight:700!important;line-height:1.5!important}.alert-success{background:#ecfdf3!important;border:1px solid #abefc6!important;color:#067647!important}.alert-danger{background:#fef3f2!important;border:1px solid #fecdca!important;color:#b42318!important}.alert-warning{background:#fffaeb!important;border:1px solid #fedf89!important;color:#93370d!important}.alert-info{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important}
/* export/report cards */
.report-toolbar{display:flex;gap:10px;align-items:end;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:18px;padding:16px;margin-bottom:18px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filter-row label{font-size:12px;font-weight:900;color:var(--ui-muted)}.filter-row input,.filter-row select{min-height:42px;border:1px solid var(--ui-line-2);border-radius:12px;padding:9px 11px}.reply-box{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel-2);padding:12px;margin-top:10px}.reply-box textarea{min-height:90px!important}
@media(max-width:1180px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative!important;height:auto!important;display:block!important}.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-content{padding:18px!important}.admin-app-topbar{height:auto;align-items:stretch;flex-direction:column}.admin-top-actions{width:100%}.admin-dashboard-hero{grid-template-columns:1fr}.dash-metrics,.smart-metrics{grid-template-columns:repeat(2,1fr)}.admin-grid-2,.admin-insight-grid,.supplier-auth-panel{grid-template-columns:1fr}.supplier-auth-visual{min-height:auto!important}.auth-flow-cards{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.admin-content{padding:12px!important}.admin-sidebar{padding:14px 10px!important}.admin-menu{grid-template-columns:1fr}.admin-brand strong{font-size:16px}.admin-topbar{display:block}.admin-topbar h1,.portal-topbar h1{font-size:36px!important}.dash-metrics,.smart-metrics,.admin-create-grid,.tender-response-form,.permission-grid,.quick-grid{grid-template-columns:1fr!important}.admin-panel{padding:17px!important}.admin-dashboard-hero{padding:20px!important}.admin-dashboard-hero h1{font-size:38px!important}.supplier-auth-modern{padding:20px 10px!important}.supplier-auth-card,.supplier-auth-visual{padding:22px!important}.supplier-auth-visual h1{font-size:38px!important}.auth-flow-cards{grid-template-columns:1fr}.form-title-row,.create-strip,.tender-detail-hero{flex-direction:column;align-items:stretch!important}.tender-detail-hero h1{font-size:36px!important}.content-card,.notify-card{align-items:flex-start!important;flex-direction:column}.btn,.mini-btn{width:100%;}.report-toolbar,.filter-row{display:grid;width:100%}}