:root{--bg:#f6f8fb;--card:#fff;--text:#162033;--muted:#64748b;--line:#e2e8f0;--primary:#1d4ed8;--primary2:#2563eb;--success:#15803d;--danger:#b91c1c;--warning:#a16207;--shadow:0 16px 48px rgba(15,23,42,.07);--radius:18px}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{margin:0;background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1240px,calc(100% - 28px));margin:26px auto 60px}.topbar{display:flex;align-items:center;gap:18px;padding:14px max(18px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 3px 16px rgba(15,23,42,.035)}.topbar-title{font-size:20px;font-weight:900}.topbar-sub{font-size:12px;color:var(--muted);margin-top:2px}.main-nav{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.nav-link{padding:9px 11px;border-radius:10px;color:#475569;font-size:13px;font-weight:750}.nav-link:hover,.nav-link.active{background:#eff6ff;color:#1d4ed8}.top-actions{display:flex;gap:8px;align-items:center}.user-chip{font-size:12px;color:#475569;background:#f8fafc;border:1px solid var(--line);padding:8px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:8px 10px;font-size:12px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1e40af}.btn-secondary{background:#eef2ff;color:#3730a3;border-color:#dbeafe}.btn-light{background:#fff;color:#334155;border-color:#dbe3ef}.btn-success{background:#166534;color:#fff}.btn-warning{background:#b45309;color:#fff}.btn-danger{background:#b91c1c;color:#fff}.btn-danger-outline{background:#fff;color:var(--danger);border-color:#fecaca}.btn-block{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:31px;line-height:1;margin-top:9px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);margin-bottom:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-heading h1,.panel-heading h2{margin:0;font-size:21px}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field label,.label{font-size:13px;font-weight:800;color:#334155}.field input,.field textarea,.field select,.search-form input,.search-form select{width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:11px 12px;background:#fff;outline:0;color:#172033}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.search-form input:focus,.search-form select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.help{font-size:12px;color:var(--muted)}.required{color:#dc2626}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.scan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed #dbe3ef}.group-checks{display:flex;flex-wrap:wrap;gap:8px}.group-check{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dbe3ef;background:#f8fafc;border-radius:10px;font-size:13px}.group-check input{width:auto}.alert{border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:14px;border:1px solid}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:880px}th,td{padding:12px 13px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px;vertical-align:top}th{background:#f8fafc;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.035em;position:sticky;top:0}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;margin:2px}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-green{background:#f0fdf4;color:#166534}.badge-orange{background:#fff7ed;color:#9a3412}.empty{text-align:center;color:var(--muted);padding:28px}.search-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:9px;margin-bottom:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:16px;font-size:13px}.pagination a{color:#1d4ed8;font-weight:800}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#dbeafe 0,transparent 35%),radial-gradient(circle at bottom right,#e0e7ff 0,transparent 35%),#f8fafc;padding:20px}.login-shell{width:min(430px,100%)}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.12)}.brand-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;font-weight:900;font-size:20px;margin-bottom:18px}.login-card h1{margin:0;font-size:28px}.login-card>p{margin:7px 0 23px;color:var(--muted)}.auth-form{display:grid;gap:8px}.auth-form label{font-size:13px;font-weight:800;margin-top:6px}.auth-form input{width:100%;border:1px solid #dbe3ef;border-radius:11px;padding:12px 13px;outline:0}.auth-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.modal{position:fixed;inset:0;background:rgba(15,23,42,.72);display:grid;place-items:center;padding:18px;z-index:100}.modal[hidden]{display:none}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}.modal-head button{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.modal video{width:100%;max-height:52vh;background:#0f172a;border-radius:14px;object-fit:cover}.camera-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.scan-status{min-height:22px;margin-top:10px;color:#475569;font-size:13px}.raw-box{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;margin-top:10px;font-size:12px;color:#475569;max-height:150px;overflow:auto}.prefix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.prefix-card{border:1px solid #dbe3ef;border-radius:12px;padding:12px;background:#fff}.prefix-card label{display:flex;align-items:center;gap:8px;font-weight:800}.section-title{font-size:15px;font-weight:900;margin:4px 0 10px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form .field{min-width:180px;flex:1}.import-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.import-result div{padding:12px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}.import-result strong{display:block;font-size:24px}.note-box{padding:13px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px}.danger-zone{border-color:#fecaca;background:#fffafa}.customer-card-list{display:none}.footer-note{text-align:center;color:#94a3b8;font-size:11px;margin-top:28px}
@media(max-width:980px){.topbar{flex-wrap:wrap}.main-nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap;margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-form{grid-template-columns:1fr 1fr}.search-form .wide{grid-column:1/-1}.grid-3{grid-template-columns:1fr 1fr}.prefix-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.topbar{padding:12px}.topbar-title{font-size:17px}.topbar-sub,.user-chip{display:none}.nav-link{padding:8px 9px}.container{width:min(100% - 16px,1240px);margin-top:15px}.stats-grid{gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:25px}.panel{padding:15px;border-radius:15px}.panel-heading{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr}.form-actions .btn,.scan-actions .btn,.scan-actions label{flex:1}.search-form{grid-template-columns:1fr}.search-form>*{grid-column:auto!important}.prefix-grid{grid-template-columns:1fr 1fr}.modal{padding:8px}.modal-card{padding:14px}.camera-actions{flex-direction:column}.camera-actions .btn{width:100%}.import-result{grid-template-columns:1fr 1fr}}

/* Ultimate CRM additions */
html[data-theme="dark"]{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;--shadow:none}html[data-theme="dark"] body,html[data-theme="dark"] .topbar{background:var(--bg);color:var(--text)}html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .login-card,html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .search-form input,html[data-theme="dark"] .search-form select,html[data-theme="dark"] .filter-grid input,html[data-theme="dark"] .filter-grid select,html[data-theme="dark"] .btn-light,html[data-theme="dark"] .group-check,html[data-theme="dark"] .note-box{background:#111827;color:#e5e7eb;border-color:#334155}html[data-theme="dark"] th{background:#1e293b;color:#cbd5e1}html[data-theme="dark"] td{border-color:#273449}html[data-theme="dark"] .nav-link{color:#cbd5e1}html[data-theme="dark"] .nav-link.active{background:#1e3a8a;color:white}
.selection-section{margin-top:16px;padding-top:15px;border-top:1px dashed var(--line)}.metric-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:0}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.filter-grid input,.filter-grid select{width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:10px 11px;background:#fff;outline:0}.filter-grid .wide{grid-column:span 2}.saved-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.saved-filter{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 8px 6px 10px;font-size:12px;font-weight:700}.saved-filter form{display:inline}.saved-filter button,.tag-pill button,.text-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800;padding:0}.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.bulk-bar select{border:1px solid #cbd5e1;border-radius:10px;padding:8px;background:#fff}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.text-btn{font-size:11px;color:#1d4ed8}.row-muted{opacity:.62}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;background:#ecfdf5;color:#166534;border-radius:999px;font-size:12px;font-weight:800}.tag-pill form{display:inline}.tag-pill small{opacity:.7}.mapping-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.report-row{margin-bottom:12px}.report-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:13px}.bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:5px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:999px}.profile-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.profile-hero h1{margin:3px 0 5px;font-size:30px}.eyebrow{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.profile-mobile{font-size:20px;font-weight:900;color:#1d4ed8}.profile-status{display:flex;gap:7px;flex-wrap:wrap}.details-list{display:grid;grid-template-columns:150px 1fr;gap:0;margin:0}.details-list dt,.details-list dd{padding:10px 0;border-bottom:1px solid var(--line);margin:0}.details-list dt{color:var(--muted);font-size:12px;font-weight:800}.details-list dd{font-size:13px}.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid #bfdbfe;padding:8px 12px;background:#f8fafc;border-radius:0 10px 10px 0}.timeline-item strong{display:block}.timeline-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.compact-form{display:grid;gap:7px;min-width:280px}.compact-form input,.compact-form select{border:1px solid #cbd5e1;border-radius:8px;padding:7px}.compact-form label{font-size:11px}.install-banner{display:flex;gap:10px;align-items:center}.offline-badge{position:fixed;right:12px;bottom:12px;background:#b91c1c;color:#fff;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800;z-index:200}.source-chip{font-size:11px;color:var(--muted)}code{background:#f1f5f9;padding:2px 5px;border-radius:5px;word-break:break-all}.app-toast{position:fixed;right:14px;bottom:14px;background:#0f172a;color:#fff;padding:10px 12px;border-radius:12px;z-index:300;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(3,1fr)}.mapping-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.filter-grid,.mapping-grid{grid-template-columns:1fr}.filter-grid .wide{grid-column:auto}.profile-hero{flex-direction:column}.details-list{grid-template-columns:1fr}.details-list dt{padding-bottom:2px;border-bottom:0}.details-list dd{padding-top:0}.bulk-bar>*{flex:1}.compact-form{min-width:220px}}

/* ===== ULTIMATE PRO R2 — polished colorful UX ===== */
:root{--brand:#7c3aed;--brand2:#2563eb;--brand3:#06b6d4;--hot:#ec4899;--good:#10b981;--warn:#f59e0b;--danger:#ef4444;--ink:#0f172a;--glass:rgba(255,255,255,.86)}
body{background:linear-gradient(145deg,#f8fbff 0%,#f4f0ff 44%,#eefcff 100%);position:relative;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(60px);opacity:.24;border-radius:50%;z-index:-1}.ambient-a{width:380px;height:380px;background:#8b5cf6;top:-150px;left:-120px}.ambient-b{width:420px;height:420px;background:#22d3ee;right:-150px;bottom:-190px}.topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 8px 30px rgba(15,23,42,.06)}.brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:max-content}.brand-lockup b{display:block;font-size:16px}.brand-lockup small{display:block;color:#64748b;font-size:10px;margin-top:1px}.brand-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--brand),var(--brand2) 55%,var(--brand3));box-shadow:0 12px 26px rgba(124,58,237,.28)}.nav-link{border-radius:12px;transition:.2s;gap:6px}.nav-link:hover{transform:translateY(-1px);background:#f5f3ff}.nav-link.active{background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5b21b6;box-shadow:inset 0 0 0 1px rgba(124,58,237,.12)}.icon-btn{width:38px;height:38px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;cursor:pointer;font-weight:900}.user-chip{display:flex;align-items:center;gap:7px}.avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--hot),var(--brand));font-size:12px;font-weight:900}.panel,.stat-card{border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 45px rgba(51,65,85,.07);background:var(--glass);backdrop-filter:blur(10px)}.panel{position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand2),var(--brand3),var(--hot));opacity:.8}.panel-heading h1,.panel-heading h2{letter-spacing:-.03em}.stat-card{overflow:hidden;position:relative}.stat-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-20px;top:-20px;background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.05))}.stat-card strong{background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{transition:.18s ease;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;box-shadow:0 10px 22px rgba(79,70,229,.2)}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:white;border-color:transparent}.btn-hot{background:linear-gradient(135deg,#db2777,#8b5cf6);color:white;border-color:transparent}.btn-cyan{background:linear-gradient(135deg,#0891b2,#2563eb);color:#fff;border-color:transparent}.field input,.field select,.field textarea,.search-form input,.search-form select,.filter-grid input,.filter-grid select{background:rgba(255,255,255,.92);transition:.18s;border-color:#dbe4f0}.field input:focus,.field select:focus,.field textarea:focus,.search-form input:focus,.filter-grid input:focus,.filter-grid select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(124,58,237,.1)}.hero-strip{padding:24px;border-radius:22px;background:linear-gradient(125deg,#4c1d95,#4338ca 45%,#0284c7);color:#fff;box-shadow:0 20px 50px rgba(67,56,202,.23);margin-bottom:18px;position:relative;overflow:hidden}.hero-strip:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.09);right:-60px;top:-100px}.hero-strip h1{margin:0 0 6px;font-size:30px;letter-spacing:-.04em}.hero-strip p{margin:0;color:#dbeafe}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hero-actions .btn{background:rgba(255,255,255,.14);color:white;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.kpi-accent-purple{border-top:3px solid #8b5cf6}.kpi-accent-cyan{border-top:3px solid #06b6d4}.kpi-accent-green{border-top:3px solid #10b981}.kpi-accent-pink{border-top:3px solid #ec4899}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72)}.feature-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#ede9fe,#cffafe);margin-bottom:10px}.feature-card h3{margin:0 0 5px;font-size:14px}.feature-card p{margin:0;color:var(--muted);font-size:12px}.pill-nav{display:flex;gap:8px;flex-wrap:wrap}.pill-nav a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:#475569;font-size:12px;font-weight:800}.pill-nav a:hover{border-color:#a78bfa;color:#6d28d9}.message-preview{border-radius:15px;padding:15px;background:linear-gradient(145deg,#f8fafc,#eef2ff);border:1px solid #dbeafe}.message-preview .bubble{background:#fff;padding:12px 14px;border-radius:14px 14px 14px 4px;box-shadow:0 6px 16px rgba(15,23,42,.06);font-size:13px}.health-ok{color:#047857;font-weight:900}.health-bad{color:#b91c1c;font-weight:900}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.progress-ring{font-weight:900;color:#6d28d9}.split-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mini-kpis{display:flex;gap:8px;flex-wrap:wrap}.mini-kpi{padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;font-size:11px}.mini-kpi strong{display:block;font-size:16px;color:#5b21b6}.sticky-tools{position:sticky;top:74px;z-index:10;background:rgba(248,250,252,.88);backdrop-filter:blur(14px);padding:8px;border-radius:14px;border:1px solid rgba(148,163,184,.2)}
html[data-theme="dark"] body{background:linear-gradient(145deg,#07111f,#111827 55%,#071826)}html[data-theme="dark"] .topbar{background:rgba(15,23,42,.9)}html[data-theme="dark"] .brand-lockup{color:#f8fafc}html[data-theme="dark"] .feature-card,html[data-theme="dark"] .mini-kpi,html[data-theme="dark"] .pill-nav a,html[data-theme="dark"] .icon-btn{background:#111827;color:#e2e8f0;border-color:#334155}html[data-theme="dark"] .message-preview{background:#111827;border-color:#334155}html[data-theme="dark"] .message-preview .bubble{background:#1e293b}html[data-theme="dark"] .sticky-tools{background:rgba(15,23,42,.9)}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.brand-lockup small{display:none}.feature-grid{grid-template-columns:1fr}.hero-strip{padding:18px}.hero-strip h1{font-size:24px}.topbar{gap:8px}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}}


/* R3 Email OTP Login */
.otp-card{margin:18px 0;padding:18px;border:1px solid rgba(124,58,237,.18);border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(6,182,212,.10));text-align:center}
.otp-card h2{margin:6px 0 8px}.otp-icon{font-size:34px}.otp-input{text-align:center!important;font-size:28px!important;font-weight:800!important;letter-spacing:10px!important}.auth-secondary{display:grid;gap:8px;margin-top:12px}.login-security-note{margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.18);font-size:13px;line-height:1.55}.login-card{box-shadow:0 28px 90px rgba(76,29,149,.20),0 8px 30px rgba(6,182,212,.12)!important}

/* R4 Field-by-field Bengali Use Guide */
.field-guide{font-size:11.5px;line-height:1.5;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f5f3ff);border:1px solid #e9d5ff;border-radius:9px;padding:7px 9px;margin-top:1px}.field-guide span{color:#7c3aed;font-weight:900}.guide-dot{margin-left:auto;color:#7c3aed;font-weight:900;font-size:12px}.guide-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:center}.guide-steps{counter-reset:guide}.guide-step{position:relative;padding:15px 15px 15px 52px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(255,255,255,.75);margin-bottom:10px}.guide-step:before{counter-increment:guide;content:counter(guide);position:absolute;left:14px;top:14px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:900}.guide-table td:first-child{font-weight:800;color:#5b21b6;white-space:nowrap}.guide-index{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.guide-index a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #ddd6fe;color:#6d28d9;font-size:12px;font-weight:800}.guide-note{padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ecfeff,#f5f3ff);border:1px solid #c4b5fd;color:#334155}.field:has(input:disabled) .field-guide,.field:has(select:disabled) .field-guide{opacity:.65}@media(max-width:760px){.guide-hero{grid-template-columns:1fr}.guide-table td:first-child{white-space:normal}}

.camera-tip{padding:10px 12px;margin-bottom:12px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:12px;color:#334155;font-size:12.5px;line-height:1.55}#qrReader video,#nativeQrVideo{width:100%!important;max-height:56vh;background:#0f172a;border-radius:14px;object-fit:cover}.camera-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);padding-top:10px;backdrop-filter:blur(8px)}

/* R7 Branding + Professional Login */
.brand-orb-logo{padding:4px;background:#fff;border:1px solid rgba(148,163,184,.24);overflow:hidden}.brand-orb-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.branding-editor{display:grid;gap:18px}.brand-preview{display:flex;align-items:center;gap:14px;padding:15px;border-radius:18px;background:linear-gradient(135deg,#faf5ff,#eff6ff 55%,#ecfeff);border:1px solid #ddd6fe}.brand-preview img,.brand-preview-fallback{width:72px;height:72px;border-radius:20px;object-fit:contain;background:#fff;border:1px solid rgba(124,58,237,.16);padding:8px;box-shadow:0 12px 30px rgba(79,70,229,.12)}.brand-preview-fallback{display:grid;place-items:center;padding:0;color:#fff;font-weight:950;background:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4)}.brand-preview strong{display:block;font-size:18px}.brand-preview span{display:block;color:#64748b;font-size:12px;margin-top:4px}
.login-pro{display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f3ff 0%,#eff6ff 44%,#ecfeff 100%);padding:28px}.login-glow{position:fixed;border-radius:50%;filter:blur(70px);opacity:.4;pointer-events:none}.login-glow-a{width:420px;height:420px;background:#8b5cf6;left:-170px;top:-150px}.login-glow-b{width:520px;height:520px;background:#22d3ee;right:-220px;bottom:-220px}.login-shell-pro{position:relative;z-index:2;width:min(1120px,100%);min-height:min(720px,calc(100vh - 56px));margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:32px;overflow:hidden;box-shadow:0 35px 100px rgba(49,46,129,.18),0 8px 30px rgba(14,116,144,.09);backdrop-filter:blur(22px)}.login-showcase{position:relative;padding:52px;background:linear-gradient(145deg,#4c1d95 0%,#4338ca 48%,#0369a1 100%);color:#fff;overflow:hidden}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.login-showcase:before{width:360px;height:360px;right:-160px;top:-130px}.login-showcase:after{width:240px;height:240px;left:-120px;bottom:-90px}.login-showcase-inner{height:100%;position:relative;z-index:1;display:flex;flex-direction:column}.login-brand-row{display:flex;align-items:center;gap:13px}.login-brand-row strong{display:block;font-size:17px}.login-brand-row small{display:block;color:#dbeafe;font-size:11px;margin-top:2px}.login-logo{width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.96);display:grid;place-items:center;padding:7px;box-shadow:0 14px 30px rgba(15,23,42,.2)}.login-logo img{width:100%;height:100%;object-fit:contain}.login-logo-fallback{padding:0;background:linear-gradient(135deg,#fff,#dbeafe);color:#5b21b6;font-weight:950}.login-copy{margin:auto 0}.login-eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.11em}.login-copy h2{font-size:44px;line-height:1.05;letter-spacing:-.05em;margin:18px 0 16px}.login-copy p{max-width:500px;color:#e0f2fe;font-size:15px;line-height:1.7;margin:0}.login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.login-feature-grid>div{display:flex;align-items:center;gap:11px;padding:12px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}.login-feature-grid b{font-size:20px}.login-feature-grid strong{display:block;font-size:12px}.login-feature-grid small{display:block;color:#dbeafe;font-size:10px;margin-top:2px;line-height:1.4}.login-showcase-foot{font-size:10px;color:#bae6fd;margin-top:28px}.login-card-pro{border:0;border-radius:0;padding:54px 48px;background:rgba(255,255,255,.94);box-shadow:none!important;display:flex;flex-direction:column;justify-content:center}.login-mobile-brand{display:none}.login-form-head{margin-bottom:20px}.login-form-badge{display:inline-flex;color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.12em}.login-card-pro h1{font-size:30px;letter-spacing:-.04em;margin:10px 0 6px}.login-card-pro .login-form-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.login-card-pro .auth-form{gap:9px}.login-card-pro .auth-form label{color:#334155}.login-card-pro .auth-form input{border-radius:14px;padding:13px 14px;background:#fff;border-color:#dbe4f0}.login-card-pro .auth-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(124,58,237,.09)}.login-card-pro .btn-primary{min-height:47px;border-radius:14px;margin-top:5px;background:linear-gradient(135deg,#7c3aed,#4f46e5 55%,#0284c7);box-shadow:0 14px 28px rgba(79,70,229,.2)}.login-card-pro .field-guide{font-size:11px!important}.login-trust{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;color:#64748b;font-size:10px;font-weight:700}.login-trust span{white-space:nowrap}.otp-card{padding:16px;border-radius:18px;background:linear-gradient(135deg,#f5f3ff,#eff6ff);border:1px solid #ddd6fe;margin-bottom:12px}.otp-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(79,70,229,.09)}
@media(max-width:900px){.login-pro{padding:18px}.login-shell-pro{grid-template-columns:1fr;min-height:auto;max-width:520px}.login-showcase{display:none}.login-card-pro{padding:34px 28px;border-radius:28px}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.login-mobile-brand img,.login-mobile-brand span{width:48px;height:48px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;padding:6px}.login-mobile-brand span{display:grid;place-items:center;padding:0;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:950}.login-mobile-brand strong{font-size:15px}}@media(max-width:520px){.login-pro{padding:10px}.login-shell-pro{border-radius:22px}.login-card-pro{padding:26px 20px}.login-card-pro h1{font-size:25px}.login-trust{gap:8px}.brand-preview{align-items:flex-start}.brand-preview img,.brand-preview-fallback{width:58px;height:58px}}