:root{
  --bg:#f4f7fb;--bg-2:#eef6f3;--card:#fff;--text:#101828;--muted:#667085;--line:#e5e7eb;
  --primary:#0f766e;--primary-dark:#0b5f59;--primary-soft:#e7f8f5;--blue:#2563eb;--gold:#d99a2b;
  --danger:#b42318;--warning:#b54708;--success:#067647;--shadow:0 18px 45px rgba(16,24,40,.10);--shadow-soft:0 10px 28px rgba(16,24,40,.07)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#e6fffb 0,#f4f7fb 31%,#f8fafc 100%);color:var(--text);line-height:1.55}a{color:inherit}.topbar{min-height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.88);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#0f766e,#0ea5e9 68%,#d99a2b);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(15,118,110,.25)}.brand strong{letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:0}.topnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topnav a,.sidebar a{color:#344054;text-decoration:none;font-weight:700;font-size:14px}.topnav a{padding:9px 11px;border-radius:12px}.topnav a:hover,.sidebar a:hover{color:var(--primary);background:var(--primary-soft)}.user-strip{padding:10px 30px;background:#ecfdf3;color:#054f31;border-bottom:1px solid #a6f4c5}.container{max-width:1200px;margin:0 auto;padding:36px 24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:58px 24px}.hero h1{font-size:50px;line-height:1.06;margin:0 0 18px;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);margin:0 0 24px}.hero-card,.card{background:rgba(255,255,255,.94);border:1px solid rgba(229,231,235,.88);border-radius:26px;padding:24px;box-shadow:var(--shadow-soft);text-decoration:none}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px);transition:.18s ease}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;padding:12px 17px;font-weight:800;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;box-shadow:0 12px 24px rgba(15,118,110,.18)}.btn:hover{background:linear-gradient(135deg,var(--primary-dark),#0284c7)}.btn.secondary{background:#eef4ff;color:#1d4ed8;box-shadow:none}.btn.light{background:#f3f4f6;color:#111827;box-shadow:none}.btn.danger{background:var(--danger)}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 11px;background:#ecfdf3;color:#067647;font-weight:800;font-size:12px}.pill{display:inline-flex;border-radius:999px;padding:4px 10px;background:#f0fdfa;color:#115e59;font-weight:800;font-size:12px}.pill.gray{background:#f3f4f6;color:#475467}.pill.orange{background:#fff7ed;color:#b54708}.pill.green{background:#ecfdf3;color:#067647}.pill.blue{background:#eff6ff;color:#1d4ed8}.form{display:grid;gap:14px}.field label{display:block;font-weight:800;margin-bottom:6px}.input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:13px;background:#fff;font:inherit;outline:none}.input:focus,select:focus,textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.12)}textarea{min-height:110px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f8fafc;font-size:13px;color:#475467}.actions{display:flex;gap:8px;flex-wrap:wrap}.flash{max-width:1180px;margin:18px auto 0;padding:14px 18px;border-radius:15px;font-weight:800}.flash.success{background:#ecfdf3;color:#067647}.flash.error{background:#fef3f2;color:#b42318}.layout{display:grid;grid-template-columns:240px 1fr;gap:22px}.sidebar{background:rgba(255,255,255,.93);border:1px solid rgba(229,231,235,.9);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:6px;height:max-content;position:sticky;top:96px;box-shadow:var(--shadow-soft)}.sidebar a{padding:11px 12px;border-radius:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}.stat strong{font-size:30px;display:block;letter-spacing:-.03em}.footer{padding:28px;text-align:center;color:var(--muted)}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:28px;text-align:center;color:var(--muted)}

.auth-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:34px 16px}.auth-premium{width:min(1040px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:32px;box-shadow:0 28px 80px rgba(16,24,40,.16);overflow:hidden}.auth-side{position:relative;min-height:560px;padding:42px;color:#fff;background:linear-gradient(145deg,#064e3b,#0f766e 48%,#0ea5e9);display:flex;flex-direction:column;justify-content:space-between}.auth-side:before{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:50%;background:rgba(217,154,43,.42);filter:blur(4px)}.auth-side h1{position:relative;font-size:42px;line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}.auth-side p{position:relative;margin:0;color:rgba(255,255,255,.84);font-size:17px}.auth-badges{position:relative;display:grid;gap:12px;margin-top:30px}.auth-badge{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px}.auth-badge strong{display:block}.auth-panel{background:#fff;padding:42px;display:flex;align-items:center}.auth-card{width:100%;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow-soft)}.auth-card h2{font-size:30px;margin:0 0 8px;letter-spacing:-.03em}.auth-meta{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.secure-note{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);font-size:13px;color:#475467}

.dash-hero{border-radius:30px;padding:30px;background:linear-gradient(135deg,#063b33,#0f766e 52%,#0ea5e9);color:#fff;box-shadow:var(--shadow);margin-bottom:20px;position:relative;overflow:hidden}.dash-hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(217,154,43,.32)}.dash-hero h1{margin:0 0 10px;font-size:36px;letter-spacing:-.04em}.dash-hero p{margin:0;color:rgba(255,255,255,.82);max-width:760px}.quick-card{display:block;position:relative;overflow:hidden}.quick-card h2,.quick-card h3{margin-top:0}.quick-card .icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;margin-bottom:12px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:26px 0 14px}.section-title h2{margin:0;font-size:22px;letter-spacing:-.02em}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.list-item strong{display:block}.password-meter{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.password-meter span{display:block;height:100%;width:72%;background:linear-gradient(90deg,#0f766e,#0ea5e9);border-radius:inherit}

@media(max-width:900px){.auth-premium,.hero,.grid-2,.grid-3,.grid-4,.layout,.stats{grid-template-columns:1fr}.auth-side{min-height:auto}.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:16px}.topnav{flex-wrap:wrap}.hero h1{font-size:34px}.dash-hero h1{font-size:30px}.searchbar{grid-template-columns:1fr}.container{padding:22px 16px}.sidebar{position:static}.auth-panel,.auth-side{padding:26px}.auth-side h1{font-size:32px}}

/* v1.2 — Company Database & Smart Search */
.search-hero{margin-bottom:18px}.quick-filter-grid .card{min-height:150px}.smart-search-panel{display:grid;gap:16px}.search-main-field label{font-size:15px}.search-big{font-size:17px;padding:15px 16px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.admin-filter-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr auto auto}.filter-submit .btn{width:100%}.company-results{display:grid;gap:16px}.company-card{display:grid;gap:14px}.company-card:hover{transform:none}.company-card-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.company-card h2{margin:8px 0 4px;font-size:24px;letter-spacing:-.025em}.score-box,.score-panel{min-width:140px;text-align:center;border-radius:22px;padding:15px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--line)}.score-box span,.score-panel span{display:block;color:var(--muted);font-size:12px;font-weight:800}.score-box strong,.score-panel strong{display:block;font-size:38px;line-height:1;letter-spacing:-.05em;margin:7px 0}.score-box em,.score-panel em{font-style:normal}.company-meta{display:flex;gap:10px;flex-wrap:wrap}.company-meta span{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:9px 11px}.summary-text{margin:0}.company-detail-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start}.company-detail-hero h1{font-size:38px;line-height:1.07;margin:0 0 10px;letter-spacing:-.04em}.detail-lead{font-size:17px}.detail-info strong{display:block;font-size:22px;margin-top:4px}.contact-lock{background:linear-gradient(180deg,#fff,#f8fafc)}.score-preview{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:15px}.score-preview strong{display:block;font-size:21px;margin:4px 0}.company-form-card{gap:18px}.company-admin-table td{vertical-align:middle}.company-admin-table .actions{min-width:250px}
@media(max-width:1100px){.filter-grid,.admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-card-head,.company-detail-hero{grid-template-columns:1fr}.score-box,.score-panel{text-align:left}}
@media(max-width:700px){.filter-grid,.admin-filter-grid{grid-template-columns:1fr}.company-meta{display:grid}.company-admin-table{display:block;overflow-x:auto}.company-admin-table .actions{min-width:0}}

/* v1.3 — Request Connection Workflow */
.request-hero,.request-detail-hero{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}.request-hero h1,.request-detail-hero h1{font-size:38px;line-height:1.07;margin:8px 0 10px;letter-spacing:-.04em}.mini-company-card{background:#f8fafc;border:1px solid var(--line);border-radius:22px;padding:18px}.mini-company-card h3{font-size:22px;line-height:1.1;margin:12px 0 8px}.request-form-card{align-content:start}.process-card{background:linear-gradient(180deg,#fff,#f8fafc)}.process-steps{display:grid;gap:14px}.process-steps div{display:grid;grid-template-columns:38px 1fr;gap:0 12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.process-steps span{grid-row:span 2;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.process-steps strong{display:block}.process-steps p{margin:3px 0 0;color:var(--muted);font-size:14px}.request-filter{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end}.admin-request-filter{grid-template-columns:1.8fr 1fr auto auto}.request-list{display:grid;gap:16px}.request-card{display:grid;gap:14px}.request-card:hover{transform:none}.request-card-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.request-card h2{font-size:25px;line-height:1.12;margin:0 0 7px;letter-spacing:-.025em}.request-mini-info p,.info-list p{margin:0;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.request-mini-info strong,.info-list strong{color:#344054}.progress-wrap{margin-top:16px}.progress-wrap strong{display:block;margin-top:8px;color:#344054}.progress-bar{height:11px;background:#eef2f7;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#0ea5e9);border-radius:999px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:8px;top:21px;bottom:-14px;width:2px;background:#e5e7eb}.timeline-item .dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#0ea5e9);box-shadow:0 0 0 5px #e7f8f5;z-index:1;margin-top:3px}.timeline-item p{margin:3px 0;color:#475467}.checkline{display:flex;gap:10px;align-items:center;font-weight:700;color:#344054}.checkline input{width:18px;height:18px}.admin-request-card{border-left:5px solid rgba(15,118,110,.45)}
@media(max-width:1000px){.request-hero,.request-detail-hero,.request-card-head{grid-template-columns:1fr}.request-filter,.admin-request-filter{grid-template-columns:1fr}.request-mini-info{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.request-mini-info{grid-template-columns:1fr}.request-hero h1,.request-detail-hero h1{font-size:30px}}

/* v1.4 — Document & Data Import */
.import-table td{vertical-align:middle}.import-summary-line{display:flex;gap:10px;flex-wrap:wrap}.import-summary-line span{display:inline-flex;gap:4px;padding:7px 9px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);font-size:13px}.import-preview-table td{vertical-align:middle}.import-preview-table input[type="checkbox"]{width:18px;height:18px}.row-duplicate{background:#fffbeb}.import-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.import-preview-table .pill{white-space:nowrap}
@media(max-width:900px){.import-preview-table,.import-table{display:block;overflow-x:auto}.import-summary-line{display:grid}.import-tools{align-items:flex-start}}

/* v1.5 — AI Data Assistant */
.ai-hero{background:linear-gradient(135deg,#1e1b4b,#0f766e 52%,#0ea5e9)}
.ai-grid{align-items:start}.ai-grid textarea{min-height:220px}.ai-suggestion-detail h2{font-size:30px;margin:6px 0 8px;letter-spacing:-.03em}.ai-suggestion-detail .info-list p{min-height:88px}.ai-log-error{max-width:420px;white-space:normal}.btn[disabled]{opacity:.5;cursor:not-allowed}.ai-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:18px;padding:14px}.ai-safe-list{display:grid;gap:10px}.ai-safe-list div{padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.ai-safe-list strong{display:block;margin-bottom:3px}@media(max-width:900px){.ai-grid{grid-template-columns:1fr}.ai-suggestion-detail .info-list{grid-template-columns:1fr}}


/* v1.6 — Subscription, Search Limit & Billing */
.billing-hero{background:linear-gradient(135deg,#052e2b,#0f766e 50%,#d99a2b)}
.usage-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.plan-grid{align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:12px}.plan-card h2{font-size:30px;margin:2px 0;letter-spacing:-.04em}.plan-card form{margin-top:auto}.plan-meta{display:grid;gap:8px}.plan-meta span{display:block;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px}.current-plan{border:2px solid rgba(15,118,110,.45);background:linear-gradient(180deg,#f0fdfa,#fff)}.billing-summary .stat strong{font-size:26px}.billing-admin-grid{align-items:start}.table form.actions{margin:0}.table input.input{padding:9px 10px;border-radius:10px}@media(max-width:1000px){.plan-grid,.billing-admin-grid,.billing-summary{grid-template-columns:1fr}.usage-card{align-items:flex-start}.table{display:block;overflow-x:auto}}


/* v1.7 — Xendit Payment Gateway */
.payment-link-box{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;word-break:break-all}.webhook-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px}.checkline{display:flex;gap:8px;align-items:center;margin:10px 0;color:#475569}.small{font-size:12px}.table .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table .actions .btn{white-space:nowrap}.area-admin .billing-hero,.area-trade .billing-hero{background:linear-gradient(135deg,#052e2b,#0f766e 48%,#d99a2b)}


/* v1.7.1 — Admin Layout Fix */
.area-admin .topbar{min-height:70px;padding:0 28px;align-items:center}
.area-admin .topnav{gap:8px;margin-left:auto}
.area-admin .topnav a{font-size:13px;padding:8px 10px;white-space:nowrap}
.area-admin .brand{min-width:310px}
.area-admin .brand small{max-width:250px;line-height:1.35}
.admin-shell{max-width:none;width:100%;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;padding:28px 38px;margin:0}
.admin-shell .sidebar{position:sticky;top:92px;width:100%;max-height:calc(100vh - 112px);overflow:auto}
.admin-shell .content{min-width:0;width:100%;display:block}
.admin-shell .dash-hero{margin-top:0;min-height:0;padding:34px 34px}
.admin-shell .dash-hero h1{font-size:34px;line-height:1.08}
.admin-shell .billing-summary{margin-top:18px}
.admin-shell .stat{min-width:0}
.admin-shell .stat strong{overflow-wrap:anywhere}
.admin-shell .card{min-width:0}
.admin-shell .table{font-size:14px}
.admin-shell .section-title{margin-top:28px}
.area-admin .footer{padding-left:300px}
@media(max-width:1180px){.area-admin .brand{min-width:auto}.admin-shell{grid-template-columns:230px minmax(0,1fr);padding:24px 22px}.area-admin .topbar{padding:14px 22px;min-height:auto}.area-admin .topnav{flex-wrap:wrap}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr;padding:20px 16px}.admin-shell .sidebar{position:static;max-height:none}.admin-shell .dash-hero{padding:26px 22px}.admin-shell .dash-hero h1{font-size:28px}.area-admin .footer{padding-left:28px}.area-admin .topbar{align-items:flex-start}.area-admin .topnav{width:100%;justify-content:flex-start}}


/* v1.7.2 — Admin Layout Hard Reset + Cache Fix */
body.area-admin{background:#f4f7fb;min-width:0;overflow-x:hidden}
body.area-admin .topbar{position:sticky;top:0;z-index:1000;min-height:72px;height:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(16,24,40,.04)}
body.area-admin .brand{min-width:0;gap:12px;display:flex;align-items:center;text-decoration:none}
body.area-admin .brand-mark{width:46px;height:46px;border-radius:16px;flex:0 0 46px;font-size:19px}
body.area-admin .brand strong{display:block;font-size:18px;letter-spacing:.08em;line-height:1.05}
body.area-admin .brand small{display:block;font-size:12px;line-height:1.3;color:#667085;max-width:260px}
body.area-admin .topnav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-wrap:wrap}
body.area-admin .topnav a{font-size:13px;font-weight:800;padding:9px 12px;border-radius:12px;white-space:nowrap;color:#344054;text-decoration:none}
body.area-admin .topnav a:hover{background:#e7f8f5;color:#0f766e}
body.area-admin .user-strip{display:none}
body.area-admin .container.admin-shell,body.area-admin main.admin-shell{box-sizing:border-box;max-width:none!important;width:100%!important;margin:0!important;padding:28px 38px!important;display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.area-admin .admin-shell>.sidebar{grid-column:1;grid-row:1;position:sticky;top:94px;width:260px;max-height:calc(100vh - 112px);overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 12px 32px rgba(16,24,40,.08);display:flex;flex-direction:column;gap:4px;z-index:5}
body.area-admin .admin-shell>.sidebar a{display:block;padding:10px 12px;border-radius:13px;font-size:13px;font-weight:800;color:#344054;text-decoration:none;line-height:1.25}
body.area-admin .admin-shell>.sidebar a:hover{background:#e7f8f5;color:#0f766e}
body.area-admin .admin-shell>.content{grid-column:2;grid-row:1;min-width:0;width:100%;display:block;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative;z-index:1}
body.area-admin .admin-shell .dash-hero{margin:0 0 18px 0!important;min-height:auto;padding:28px 30px;border-radius:26px;box-shadow:0 18px 42px rgba(16,24,40,.10)}
body.area-admin .admin-shell .dash-hero h1{font-size:32px;line-height:1.08;margin:8px 0 10px;letter-spacing:-.04em}
body.area-admin .admin-shell .dash-hero p{font-size:15px;max-width:820px}
body.area-admin .admin-shell .dash-hero:after{right:-85px;bottom:-100px;width:240px;height:240px}
body.area-admin .admin-shell .billing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0}
body.area-admin .admin-shell .stat{padding:16px;min-width:0;overflow:hidden}
body.area-admin .admin-shell .stat strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere;word-break:break-word}
body.area-admin .admin-shell .card{min-width:0;overflow:hidden}
body.area-admin .billing-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
body.area-admin .admin-shell .table{display:table;width:100%;font-size:14px}
body.area-admin .admin-shell .table-wrap,body.area-admin .admin-shell .card:has(.table){overflow-x:auto}
body.area-admin .admin-shell .section-title{margin:26px 0 12px}
body.area-admin .footer{padding:24px 38px 30px 322px;text-align:left;background:transparent}
body.area-admin .flash{max-width:none;margin:16px 38px 0 322px}
@media(max-width:1180px){body.area-admin .container.admin-shell,body.area-admin main.admin-shell{grid-template-columns:230px minmax(0,1fr)!important;padding:24px 22px!important;gap:18px!important}body.area-admin .admin-shell>.sidebar{width:230px}body.area-admin .billing-admin-grid,body.area-admin .admin-shell .billing-summary{grid-template-columns:1fr}body.area-admin .admin-shell .table{display:block;overflow-x:auto}body.area-admin .footer{padding-left:274px}body.area-admin .flash{margin-left:274px;margin-right:22px}}
@media(max-width:900px){body.area-admin .topbar{padding:14px 16px;align-items:flex-start;gap:12px;flex-direction:column}body.area-admin .topnav{justify-content:flex-start;width:100%}body.area-admin .container.admin-shell,body.area-admin main.admin-shell{grid-template-columns:1fr!important;padding:18px 14px!important}body.area-admin .admin-shell>.sidebar{position:static;width:100%;max-height:none;grid-column:1;grid-row:auto}body.area-admin .admin-shell>.content{grid-column:1;grid-row:auto}body.area-admin .admin-shell .dash-hero{padding:22px 20px}body.area-admin .admin-shell .dash-hero h1{font-size:26px}body.area-admin .footer{padding:22px 16px;text-align:center}body.area-admin .flash{margin:12px 14px 0}}


/* v1.8 — Report Generator */
.report-hero{background:linear-gradient(135deg,#0b1220,#0f766e 54%,#d99a2b)}
.report-summary .stat strong{font-size:26px}.report-generator-grid{align-items:stretch}.report-generator-grid .card h2{margin-top:0}.report-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.report-document{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:34px;color:#111827}.report-header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #e5e7eb;padding-bottom:18px;margin-bottom:18px}.report-header h1{font-size:34px;line-height:1.08;margin:10px 0 6px;letter-spacing:-.04em}.report-header p{margin:0;color:#667085}.report-meta{display:grid;grid-template-columns:auto auto;gap:6px 12px;align-content:start;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px;min-width:250px}.report-meta strong{font-size:12px;color:#475467}.report-meta span{font-size:12px}.report-summary-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.report-summary-box div{border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8fafc}.report-summary-box span{display:block;color:#667085;font-size:12px;font-weight:800}.report-summary-box strong{display:block;font-size:22px;letter-spacing:-.03em;margin-top:4px}.report-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:18px;padding:14px;margin:18px 0}.report-table{font-size:13px}.report-table th{white-space:nowrap}.report-footer-note{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;color:#667085;font-size:12px}.admin-report-document{max-width:none}.admin-report-hero{margin-bottom:18px}
@media(max-width:900px){.report-header{display:block}.report-meta{margin-top:14px}.report-summary-box{grid-template-columns:1fr}.report-document{padding:22px;border-radius:22px}.report-header h1{font-size:28px}.report-table{display:block;overflow-x:auto}}
@media print{body{background:#fff!important;color:#111!important}.topbar,.user-strip,.sidebar,.footer,.report-toolbar,.flash,.topnav{display:none!important}.container,.container.layout,main.layout{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.report-document{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.report-header{break-inside:avoid}.report-summary-box{break-inside:avoid}.report-note{break-inside:avoid}.table{font-size:10px!important;border:1px solid #d1d5db!important}.table th,.table td{padding:7px!important;border-bottom:1px solid #d1d5db!important}.pill,.eyebrow{border:1px solid #d1d5db!important;background:#fff!important;color:#111!important}.card,.stat{box-shadow:none!important}.report-footer-note{position:relative}.area-admin .flash{display:none!important}}

/* v1.9 — Security Hardening + Email Settings */
.email-hero{background:linear-gradient(135deg,#064e3b,#0f766e 52%,#2563eb)}
.security-hero{background:linear-gradient(135deg,#111827,#0f766e 55%,#d99a2b)}
.backup-hero{background:linear-gradient(135deg,#1f2937,#0f766e 58%,#0ea5e9)}
.info-list{display:grid;gap:10px}.info-list p{margin:0;padding:12px;border:1px solid var(--line);background:#f8fafc;border-radius:15px}.info-list strong{color:#101828}.area-admin .email-hero,.area-admin .security-hero,.area-admin .backup-hero{margin-bottom:18px}.area-admin .checkline{font-weight:700}.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:2px 6px}


/* v2.0 */
.ai-search-hero{background:linear-gradient(135deg,#082f2a,#0f766e)!important}.ai-search-panel textarea{width:100%;border:1px solid #d0d5dd;border-radius:18px;padding:16px;font-size:16px;line-height:1.55;resize:vertical}.ai-interpretation .stat strong{font-size:18px}.ai-reason{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:16px;padding:12px 14px;margin:12px 0;color:#134e4a}.intelligence-report{line-height:1.65}.intelligence-report h3{margin-top:20px}.intelligence-report ul{margin:8px 0 0 20px}.email-template-hero{background:linear-gradient(135deg,#063b33,#116b5a)!important}.template-list .list-item.active{border-color:#0f766e;background:#f0fdfa}.email-preview-box{border:1px solid #e4e7ec;border-radius:18px;padding:20px;background:#fcfcfd;line-height:1.6;color:#344054}.email-preview-box a{color:#0f766e}.email-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:8px;padding:2px 6px}@media(max-width:900px){.grid[style*="330px"]{grid-template-columns:1fr!important}.ai-search-panel textarea{font-size:14px}}

/* v2.0.1 — Public Landing & Auth UI Professional Fix */
body.area-public .topbar .topnav,
body.area-trade:not(.is-logged-in) .topbar .topnav,
body.area-admin:not(.is-logged-in) .topbar .topnav{display:none}
body.area-public .topbar{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;box-shadow:none;color:#fff;z-index:50}
body.area-public .brand small{color:rgba(255,255,255,.72)}
body.area-public .brand-mark{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.landing-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#061b22;color:#fff;padding-top:76px}
.landing-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(14,165,233,.32),transparent 32%),radial-gradient(circle at 82% 12%,rgba(217,154,43,.24),transparent 28%),linear-gradient(135deg,#061b22 0%,#063b33 44%,#0f766e 100%)}
.landing-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 86%)}
.landing-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:70px}
.landing-copy h1{font-size:60px;line-height:.98;letter-spacing:-.06em;margin:16px 0 18px;max-width:780px}
.landing-copy p{font-size:19px;line-height:1.7;color:rgba(255,255,255,.78);max-width:680px;margin:0 0 28px}
.landing-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.20);color:#d1fae5;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.landing-actions .btn{padding:14px 20px;border-radius:16px}.landing-actions .btn.secondary{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.22)}
.landing-trust{display:flex;gap:9px;flex-wrap:wrap}.landing-trust span{font-size:12px;font-weight:900;color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.08)}
.landing-panel{display:flex;justify-content:center}.mini-window{width:min(440px,100%);background:rgba(255,255,255,.94);color:#101828;border:1px solid rgba(255,255,255,.62);border-radius:30px;padding:20px;box-shadow:0 32px 90px rgba(0,0,0,.30);backdrop-filter:blur(18px)}
.mini-window-head{display:flex;gap:7px;margin:0 0 18px}.mini-window-head span{width:11px;height:11px;border-radius:50%;background:#e5e7eb}.mini-window-head span:first-child{background:#f87171}.mini-window-head span:nth-child(2){background:#fbbf24}.mini-window-head span:nth-child(3){background:#34d399}
.mini-search{border:1px solid #d0d5dd;border-radius:16px;padding:14px 15px;background:#f8fafc;color:#475467;font-weight:800;margin-bottom:14px}.mini-result{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;margin-bottom:10px}.mini-result.strong{border-color:#99f6e4;background:#f0fdfa}.mini-result b{display:block}.mini-result small{display:block;color:#667085;margin-top:3px}.mini-result em{font-style:normal;font-size:12px;font-weight:900;color:#0f766e;background:#ccfbf1;border-radius:999px;padding:6px 9px;white-space:nowrap}.mini-note{font-size:12px;line-height:1.55;color:#667085;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:12px;margin-top:14px}
.landing-section{padding-top:54px;padding-bottom:38px}.section-title.clean h2{font-size:34px;margin:8px 0 0;letter-spacing:-.04em}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:26px;box-shadow:0 14px 40px rgba(16,24,40,.07)}.feature-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#e7f8f5;color:#0f766e;font-weight:900}.feature-card h3{font-size:22px;margin:18px 0 8px;letter-spacing:-.02em}.feature-card p{margin:0;color:#667085}.landing-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#072922,#0f766e);color:#fff;border-radius:30px;padding:34px;box-shadow:0 22px 60px rgba(15,118,110,.2)}.landing-cta h2{font-size:34px;line-height:1.1;margin:10px 0;letter-spacing:-.04em}.landing-cta p{color:rgba(255,255,255,.74);max-width:780px;margin:0}.landing-cta .btn{background:#fff;color:#0f766e;box-shadow:none;white-space:nowrap}
.auth-simple-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:42px 16px;background:radial-gradient(circle at top,#e6fffb 0,#f7fbff 38%,#f8fafc 100%)}
.auth-simple-card,.auth-register-card{width:min(450px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(229,231,235,.95);border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(16,24,40,.13)}.auth-register-card{width:min(720px,100%);padding:30px 32px}.admin-auth-card{width:min(460px,100%)}.forgot-card{width:min(440px,100%)}
.auth-simple-head{text-align:center;margin-bottom:22px}.auth-simple-head.compact{margin-bottom:20px}.auth-logo{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#0f766e,#0ea5e9 70%,#d99a2b);color:#fff;font-weight:950;font-size:22px;margin-bottom:14px}.auth-simple-head h1{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.auth-simple-head p{margin:0;color:#667085;font-size:14px;line-height:1.65}.auth-simple-form{gap:13px}.auth-full{width:100%;padding:13px 16px}.auth-simple-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:13px;color:#667085}.auth-simple-links a{color:#0f766e;text-decoration:none;font-weight:900}.auth-simple-links a:hover{text-decoration:underline}.auth-simple-links.stacked{flex-direction:column;gap:6px}.register-grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.register-full{grid-column:1/-1}.register-grid-form .field label,.auth-simple-form .field label{font-size:13px;color:#344054}.register-grid-form .input,.auth-simple-form .input{padding:12px 13px;border-radius:14px}.area-trade .topbar,.area-admin .topbar{background:rgba(255,255,255,.96)}
@media(max-width:900px){.landing-grid{grid-template-columns:1fr;padding-top:42px;gap:32px}.landing-copy h1{font-size:42px}.landing-hero{min-height:auto}.landing-cta{display:block}.landing-cta .btn{margin-top:20px}.register-grid-form{grid-template-columns:1fr}.auth-register-card{padding:26px 22px}.auth-simple-card{padding:26px 22px}body.area-public .topbar{position:relative;background:#061b22}}


/* v2.0.2 — Admin Panel Professional UI Rework */
body.area-admin{background:linear-gradient(180deg,#f8fafc 0%,#eef6f3 100%);color:#0f172a}.area-admin .topbar{height:72px;min-height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px rgba(15,23,42,.04);padding:0 28px;position:sticky;top:0;z-index:80}.area-admin .brand{gap:12px}.area-admin .brand-mark{width:40px;height:40px;border-radius:14px;box-shadow:0 12px 24px rgba(15,118,110,.14)}.area-admin .brand strong{font-size:16px;letter-spacing:.08em}.area-admin .brand small{font-size:11px;color:#64748b}.area-admin .topnav{gap:8px}.area-admin .topnav a{font-size:13px;padding:9px 13px;border:1px solid transparent;border-radius:12px}.area-admin .topnav a:hover{border-color:#ccfbf1;background:#f0fdfa}.area-admin .topnav-danger{color:#b42318!important;background:#fff1f2!important;border-color:#ffe4e6!important}.area-admin .user-strip{max-width:1440px;margin:16px auto 0;border-radius:16px;border:1px solid #bbf7d0;background:#ecfdf3;padding:11px 18px;color:#064e3b}.area-admin .flash{max-width:1440px;margin:16px auto 0}.area-admin .container.layout,.area-admin .container.admin-shell{max-width:1440px;width:100%;display:grid;grid-template-columns:292px minmax(0,1fr);gap:24px;align-items:start;padding:24px}.area-admin .container.layout>section,.area-admin .container.admin-shell>section,.area-admin .container.admin-shell>.content{min-width:0;width:100%}.area-admin .sidebar.admin-sidebar{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 18px 55px rgba(15,23,42,.08);padding:16px;gap:0}.admin-sidebar-head{display:flex;align-items:center;gap:12px;padding:9px 8px 16px;border-bottom:1px solid #eef2f7;margin-bottom:12px}.admin-sidebar-logo{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#0ea5e9 68%,#d99a2b);color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(15,118,110,.18)}.admin-sidebar-head strong{display:block;font-size:15px;letter-spacing:.02em}.admin-sidebar-head small{display:block;font-size:12px;color:#64748b;margin-top:2px}.admin-menu-group{padding:7px 0 10px;border-bottom:1px solid #f1f5f9}.admin-menu-group:last-child{border-bottom:0}.admin-menu-label{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;padding:10px 10px 6px}.admin-nav-link{display:flex!important;align-items:center;gap:11px;min-height:42px;margin:2px 0;padding:10px 11px!important;border-radius:15px!important;color:#344054!important;text-decoration:none!important;font-size:13.5px!important;font-weight:800!important;line-height:1.2}.admin-nav-link:hover{background:#f0fdfa!important;color:#0f766e!important}.admin-nav-link.active{background:linear-gradient(135deg,#0f766e,#0ea5e9)!important;color:#fff!important;box-shadow:0 12px 22px rgba(15,118,110,.18)}.admin-nav-icon{flex:0 0 30px;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#f1f5f9;color:#0f766e;font-size:11px;font-weight:950;letter-spacing:-.02em}.admin-nav-link.active .admin-nav-icon{background:rgba(255,255,255,.22);color:#fff}.area-admin .dash-hero{border-radius:30px;padding:30px 32px;margin-bottom:22px;background:linear-gradient(135deg,#062e2a,#0f766e 55%,#0ea5e9)!important;box-shadow:0 24px 70px rgba(15,118,110,.18)}.area-admin .dash-hero h1{font-size:34px;margin-top:10px}.area-admin section>h1{font-size:34px;line-height:1.12;letter-spacing:-.045em;margin:4px 0 8px}.area-admin section>p.muted{margin:0 0 18px;max-width:780px}.area-admin .card,.area-admin .stat{border:1px solid rgba(226,232,240,.95);border-radius:24px;box-shadow:0 14px 42px rgba(15,23,42,.06);background:rgba(255,255,255,.96)}.area-admin .card{padding:22px}.area-admin .stat{padding:20px}.area-admin .stat strong{font-size:32px;letter-spacing:-.05em}.area-admin .section-title{margin:24px 0 14px}.area-admin .section-title h2{font-size:23px}.area-admin .grid{gap:18px}.area-admin .btn{border-radius:13px;padding:11px 15px}.area-admin .input,.area-admin select,.area-admin textarea{border-radius:13px;border-color:#dbe3ee;background:#fff}.area-admin .field label{font-size:13px;color:#334155;letter-spacing:.01em}.area-admin .table{border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 34px rgba(15,23,42,.04)}.area-admin .table th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.045em}.area-admin .table td{color:#243244}.area-admin .list-item{border-color:#e2e8f0;border-radius:18px}.area-admin .empty{border-radius:20px;background:#fff}.admin-page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f0fdfa);border:1px solid #d9f99d;border-radius:26px;padding:24px;margin-bottom:18px;box-shadow:0 14px 42px rgba(15,23,42,.05)}.admin-page-hero h1{margin:7px 0 6px!important;font-size:30px!important}.admin-page-hero p{margin:0;color:#64748b;max-width:780px}.admin-page-hero .eyebrow{background:#ecfdf3}.settings-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.settings-help-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:20px}.settings-help-card h3{margin:0 0 10px}.settings-help-card ul{margin:0;padding-left:18px;color:#64748b}.settings-help-card li{margin:8px 0}.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.area-admin .form .grid-2{gap:14px}.area-admin .quick-card{min-height:170px}.area-admin .quick-card .icon{background:#ecfeff;color:#0e7490}.area-admin .content{min-width:0}.area-admin .footer{color:#94a3b8}.area-admin .email-hero,.area-admin .security-hero,.area-admin .backup-hero,.area-admin .email-template-hero{box-shadow:0 24px 70px rgba(15,23,42,.14)}
@media(max-width:1100px){.area-admin .container.layout,.area-admin .container.admin-shell{grid-template-columns:1fr}.area-admin .sidebar.admin-sidebar{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:1fr;order:-1}.admin-menu-group{border-bottom:1px solid #f1f5f9}.settings-panel-grid{grid-template-columns:1fr}.area-admin .stats,.area-admin .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.area-admin .topbar{height:auto;min-height:0;align-items:flex-start;padding:14px 16px}.area-admin .container.layout,.area-admin .container.admin-shell{padding:16px}.area-admin .stats,.area-admin .grid-2,.area-admin .grid-3,.area-admin .grid-4{grid-template-columns:1fr}.area-admin .dash-hero{padding:24px}.area-admin .dash-hero h1,.area-admin section>h1{font-size:28px}.admin-sidebar-head{padding-bottom:12px}.admin-nav-link{min-height:40px}.admin-page-hero{display:block}.area-admin .table{display:block;overflow-x:auto}}


/* v2.0.3 — Logo Manager & Brand Precision */
.brand-with-logo{gap:12px;min-width:0}.brand-logo-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.app-logo{display:block;height:auto;object-fit:contain;object-position:center;max-width:100%}.brand-logo-frame .app-logo-header{filter:drop-shadow(0 8px 18px rgba(15,23,42,.08))}.brand-powered{font-size:12px;color:#667085;font-weight:700;line-height:1.25;max-width:190px}.area-public .brand-powered{color:rgba(255,255,255,.72)}.app-logo-icon{display:block;width:42px;height:42px;object-fit:contain}.admin-sidebar-head.logo-head{align-items:center}.admin-sidebar-logo-img-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;margin-bottom:4px}.admin-sidebar-head.logo-head{display:block;text-align:center}.admin-sidebar-head.logo-head>div{margin-top:8px}.admin-sidebar-head.logo-head strong{font-size:14px}.admin-sidebar-head.logo-head small{font-size:11px}.auth-logo-img{display:block;margin:0 auto 14px;filter:drop-shadow(0 12px 26px rgba(15,23,42,.10))}.landing-logo-showcase{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);border-radius:26px;padding:12px 16px;margin-bottom:18px;box-shadow:0 18px 48px rgba(15,23,42,.12)}.landing-logo-showcase .app-logo-landing{filter:drop-shadow(0 12px 26px rgba(15,23,42,.10))}.logo-settings-card{margin-bottom:18px}.logo-settings-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.logo-settings-top h2{font-size:28px;letter-spacing:-.04em;margin:8px 0 6px}.logo-preview-box{flex:0 0 260px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);padding:18px}.logo-preview-box small{display:block;color:#64748b;font-weight:800;margin-top:10px}.logo-preview-img{max-width:220px!important}.logo-form{border-top:1px solid #eef2f7;padding-top:18px}.area-admin .logo-settings-card{border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.98)}
@media(max-width:900px){.brand-powered{display:none}.logo-settings-top{display:block}.logo-preview-box{margin-top:16px;flex-basis:auto}.landing-logo-showcase{padding:10px 12px}.area-admin .admin-sidebar-head.logo-head{text-align:left}.admin-sidebar-logo-img-wrap{justify-content:flex-start}.brand-logo-frame .app-logo-header{width:120px!important;max-height:46px!important}}

/* v2.1.0 — Mobile Client UI + Company Verification */
.profile-avatar-wrap{width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,#0f766e,#0ea5e9);display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 38px rgba(15,118,110,.18);flex:0 0 auto}.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover}.profile-avatar-wrap span{font-size:38px;color:#fff;font-weight:950}.client-mobile-hero{display:flex;align-items:center;gap:18px;border-radius:30px;padding:28px;background:linear-gradient(135deg,#063b33,#0f766e 55%,#0ea5e9);color:#fff;box-shadow:var(--shadow);margin-bottom:20px;position:relative;overflow:hidden}.client-mobile-hero.compact h1{margin:7px 0 8px;font-size:34px;letter-spacing:-.04em}.client-mobile-hero p{margin:0;color:rgba(255,255,255,.84);max-width:780px}.client-mobile-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}.progress-lg{height:13px;background:#e2e8f0;border-radius:999px;overflow:hidden;width:100%}.progress-lg span,.mini-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#0ea5e9)}.mini-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;min-width:120px}.verification-summary-card{display:flex;gap:20px;align-items:center;justify-content:space-between}.verification-summary-card strong{font-size:42px;line-height:1;letter-spacing:-.06em}.verification-summary-card span{display:block;color:#64748b;font-weight:800}.verification-kpi strong{display:block;font-size:42px;letter-spacing:-.06em}.verification-kpi>span{color:#64748b;font-weight:800}.check-row{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;font-weight:700}.check-row input{margin-top:4px}.detail-table{width:100%;border-collapse:collapse}.detail-table td{padding:10px 0;border-bottom:1px solid #eef2f7;vertical-align:top}.detail-table td:first-child{width:34%;color:#64748b;font-weight:800}.timeline{display:grid;gap:10px}.timeline-item{border-left:4px solid #0f766e;background:#f8fafc;border-radius:14px;padding:12px 14px}.timeline-item span{display:block;color:#64748b;font-size:12px;font-weight:800}.doc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.doc-card-head h2{margin:8px 0 2px}.verification-filter{grid-template-columns:2fr 1fr auto auto}.client-status-grid .card{min-height:150px}.area-trade .client-shell{max-width:1120px}.area-trade .topbar{z-index:100}.area-trade .brand-logo-frame .app-logo-header{max-height:54px}.area-trade .topnav{max-width:calc(100vw - 300px)}
@media(max-width:760px){body.area-trade{background:#f7fafc}.area-trade .topbar{position:sticky;top:0;display:block;padding:10px 14px 0;background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(15,23,42,.07)}.area-trade .brand{justify-content:center;margin-bottom:8px}.area-trade .brand-logo-frame .app-logo-header{width:92px!important;height:50px!important;max-height:50px!important}.area-trade .brand-powered{display:none}.area-trade .topnav{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;max-width:none;padding:0 0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.area-trade .topnav::-webkit-scrollbar{display:none}.area-trade .topnav a{white-space:nowrap;flex:0 0 auto;font-size:13px;padding:9px 12px;border-radius:999px;background:#f1f5f9}.area-trade .topnav a:hover{background:#e0f2fe}.area-trade .user-strip{display:none}.area-trade .container{padding:18px 14px}.area-trade .dash-hero,.client-mobile-hero{border-radius:24px;padding:22px}.area-trade .dash-hero h1,.client-mobile-hero.compact h1{font-size:27px}.client-mobile-hero{display:block}.profile-avatar-wrap{width:74px;height:74px;border-radius:22px;margin-bottom:12px}.area-trade .grid-2,.area-trade .grid-3,.area-trade .grid-4,.area-trade .stats{grid-template-columns:1fr}.area-trade .searchbar{display:grid;grid-template-columns:1fr;gap:10px}.area-trade .card{border-radius:24px;padding:20px}.area-trade .quick-card{min-height:auto}.verification-summary-card{display:block}.verification-summary-card .progress-lg{margin-top:14px}.verification-filter{grid-template-columns:1fr}.area-admin .verification-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-card-head{display:block}.table{font-size:13px}}
@media(max-width:430px){.area-trade .topnav a{font-size:12.5px;padding:8px 10px}.area-trade .container{padding-left:12px;padding-right:12px}.area-trade .dash-hero p,.client-mobile-hero p{font-size:14px}.area-admin .verification-stats{grid-template-columns:1fr}}

/* v2.1.1 — Admin Nested Layout Hard Fix + Mobile polish */
.area-admin .container.layout{max-width:1440px;margin:0 auto;}
.area-admin .sidebar.admin-sidebar{min-width:0;}
.area-admin .admin-page-hero{overflow:hidden;}
.area-admin .admin-page-hero .btn{flex:0 0 auto;}
.area-admin .verification-filter.card{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto auto;gap:12px;align-items:center;}
.area-admin .verification-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.area-admin .pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap;background:#f1f5f9;color:#334155;}
.area-admin .pill.success{background:#ecfdf3;color:#067647}.area-admin .pill.warning{background:#fff7ed;color:#b54708}.area-admin .pill.danger{background:#fff1f3;color:#b42318}.area-admin .pill.info{background:#eff6ff;color:#175cd3}.area-admin .pill.dark{background:#101828;color:#fff}.area-admin .pill.neutral{background:#f1f5f9;color:#475467}
.area-admin .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.area-admin .table-wrap{width:100%;overflow-x:auto;border-radius:20px;}
.area-admin .card .table{min-width:860px;}
.area-admin .detail-table{font-size:14px;}
.area-admin .doc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.area-trade .client-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
@media(max-width:1100px){.area-admin .verification-filter.card{grid-template-columns:1fr 1fr}.area-admin .verification-filter .btn{width:100%}.area-admin .verification-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.area-admin .card .table{min-width:780px;}}
@media(max-width:760px){.area-admin .container.layout{padding:14px;}.area-admin .sidebar.admin-sidebar{border-radius:22px;padding:12px;}.area-admin .admin-menu-group{padding-bottom:8px}.area-admin .admin-nav-link{font-size:13px!important;min-height:38px;padding:9px 10px!important}.area-admin .admin-nav-icon{width:26px;height:26px;flex-basis:26px}.area-admin .verification-filter.card{grid-template-columns:1fr}.area-admin .verification-stats{grid-template-columns:1fr}.area-admin .admin-page-hero{padding:20px;border-radius:22px}.area-admin .admin-page-hero h1{font-size:25px!important}.area-admin .doc-card-head{display:block}.area-trade .brand-logo-frame .app-logo-header{width:82px!important;height:44px!important;max-height:44px!important}.area-trade .topnav{gap:7px}.area-trade .topnav a{font-size:12px;padding:8px 10px}.area-trade .client-mobile-hero{padding:18px;border-radius:22px}.area-trade .client-mobile-hero.compact h1{font-size:24px}.area-trade .profile-avatar-wrap{width:68px;height:68px;border-radius:20px}.area-trade .verification-summary-card strong{font-size:34px}}

/* GOJAN v2.2.0 — Security, Mobile UX and Language Polish */
.language-switcher{display:inline-flex;align-items:center;margin-left:10px}
.language-switcher select{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;color:#334155;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.otp-input{font-size:28px!important;letter-spacing:10px;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}
.auth-setup-box{margin:14px 0;background:#f8fafc;border:1px solid #e2e8f0}
.mono-secret{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;letter-spacing:2px;color:#063b33;margin:8px 0 10px;word-break:break-all}
.toggle-row{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:12px 14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-weight:750;color:#334155}
.toggle-row input{margin-top:4px;accent-color:#087b6f}.compact-grid{gap:12px!important}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .topbar,html[dir="rtl"] .actions,html[dir="rtl"] .admin-sidebar-head{direction:rtl}html[dir="rtl"] .sidebar{border-left:1px solid #eef2f7;border-right:0}
@media(max-width:760px){
  body{overflow-x:hidden}.topbar{position:sticky;top:0;z-index:50;padding:10px 12px;gap:8px;align-items:center}.brand-powered{display:none}.brand-logo-frame img{max-height:44px!important;width:auto!important}.topnav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:6px 0;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav a{font-size:13px;padding:8px 10px;border-radius:999px;background:#f8fafc}.language-switcher{margin-left:auto}.language-switcher select{padding:7px 9px;font-size:12px}.user-strip{font-size:12px;padding:8px 14px}.container,.content{padding-left:14px!important;padding-right:14px!important}.admin-shell,.layout{display:block!important}.admin-sidebar,.sidebar{position:relative!important;width:auto!important;max-width:none!important;margin:12px 14px!important;border-radius:22px!important;padding:14px!important;overflow:visible!important}.admin-menu-group{margin-bottom:12px}.admin-nav-link{display:inline-flex;margin:4px 4px 4px 0}.dash-hero{border-radius:24px;padding:24px!important}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.table{display:block;overflow-x:auto;white-space:nowrap}.auth-simple-wrap{padding:18px 14px}.auth-simple-card,.auth-register-card{width:100%;max-width:440px;border-radius:26px;padding:22px}.otp-input{font-size:24px!important;letter-spacing:8px}.mobile-client-nav{display:flex;overflow-x:auto;gap:8px}.mobile-client-nav a{flex:0 0 auto}
}
/* v2.2.1 — Login OTP & 2FA settings polish */
.security-login-page .compact-hero{padding:28px;border-radius:28px;}
.card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.setting-toggle-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.setting-toggle-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.setting-toggle-item input{width:20px;height:20px;margin-top:2px;accent-color:#0f766e;}
.setting-toggle-item strong{display:block;color:#0f172a;font-size:15px;margin-bottom:4px;}
.setting-toggle-item small{display:block;color:#64748b;line-height:1.45;}
.input-suffix{display:flex;align-items:center;border:1px solid #dbe3ec;border-radius:14px;background:#fff;overflow:hidden;}
.input-suffix input{border:0;border-radius:0;box-shadow:none;}
.input-suffix span{padding:0 12px;color:#64748b;font-size:13px;border-left:1px solid #e5edf5;}
.button-row{display:flex;gap:10px;align-items:center;margin-top:18px;}
.secure-stat small{display:block;margin-top:8px;color:#64748b;line-height:1.35;font-weight:500;}
.flow-list{display:grid;gap:12px;}
.flow-list div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;border:1px solid #eef2f7;background:#fbfdff;border-radius:16px;padding:13px;}
.flow-list span{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:800;}
.flow-list strong{display:block;color:#0f172a;margin-bottom:2px;}
.flow-list p{margin:0;color:#64748b;font-size:13px;line-height:1.45;}
@media(max-width:800px){.setting-toggle-panel{grid-template-columns:1fr}.card-head-row{display:block}.button-row .btn{width:100%}}
.security-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(15,118,110,.18);background:linear-gradient(135deg,#f0fdfa,#ffffff);}
.security-shortcut h2{margin:0 0 6px;}
.security-shortcut p{margin:0;}
@media(max-width:800px){.security-shortcut{display:block}.security-shortcut .btn{width:100%;margin-top:14px}}


/* v2.2.2 — Google Authenticator Barcode Setup */
.google-auth-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}
.qr-card{text-align:left}.qr-frame{display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;padding:18px;margin:14px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.qr-frame img{width:240px;height:240px;max-width:100%;object-fit:contain;border-radius:16px;background:#fff}.login-qr-frame img{width:220px;height:220px}.manual-key-box{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:14px;margin-top:12px}.totp-uri-box{margin-top:12px}.totp-uri-box summary{cursor:pointer;font-weight:800;color:#0f766e}.setup-steps-card .verify-totp-form{border-top:1px solid #eef2f7;padding-top:16px}.danger-zone-box{margin-top:18px;border:1px solid #fecdd3;background:#fff1f2;border-radius:20px;padding:16px}.danger-zone-box h3{margin:0 0 6px;color:#9f1239}.btn.danger{background:#b42318!important;color:#fff!important;box-shadow:0 12px 25px rgba(180,35,24,.18)!important}.totp-login-setup{text-align:center}.totp-login-setup .mono-secret{font-size:18px}.security-shortcut .btn{white-space:nowrap}
@media(max-width:900px){.google-auth-grid{grid-template-columns:1fr}.qr-card{text-align:center}.qr-frame img{width:220px;height:220px}.security-shortcut{display:block}.security-shortcut .btn{width:100%;margin-top:14px}.actions{gap:8px}}

/* v2.2.3 — OTP copy and expiry note */
.auth-note{margin-top:8px!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important;}
.auth-simple-head p strong{font-weight:800;color:#0f172a;}

/* GOJAN v2.3.0 — Client Onboarding & Company Verification Flow */
.onboarding-hero{padding:34px!important}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.onboarding-panel{margin-top:18px}.onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.onboarding-head h2{margin:6px 0 4px}.onboarding-score{display:grid;place-items:center;min-width:120px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#ecfdf3,#eff6ff);border:1px solid #d9f3ef}.onboarding-score strong{font-size:34px;letter-spacing:-.04em;color:#0f766e}.onboarding-score span{font-size:13px;font-weight:900;color:#475467}.onboarding-score.compact{margin:10px 0 12px}.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.onboarding-step{display:grid;gap:7px;padding:15px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;text-decoration:none}.onboarding-step.done{background:#f0fdfa;border-color:#b7eadf}.onboarding-step.todo{background:#fff}.step-index{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#475467;font-weight:900}.onboarding-step.done .step-index{background:#0f766e;color:#fff}.onboarding-step strong{color:#0f172a}.onboarding-step small{color:#667085;line-height:1.35}.onboarding-hero-soft{background:linear-gradient(135deg,#ffffff,#eefcf8);border:1px solid #d9f3ef;color:#0f172a;box-shadow:var(--shadow-soft)}.onboarding-hero-soft p{color:#475467}.onboarding-mini-nav{display:flex;gap:9px;overflow-x:auto;margin:14px 0 18px;padding-bottom:4px}.mini-step{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;text-decoration:none;font-weight:900;font-size:13px;color:#475467}.mini-step span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#f1f5f9;color:#475467;font-size:12px}.mini-step.done span{background:#0f766e;color:#fff}.mini-step.active{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.onboarding-layout{grid-template-columns:320px 1fr 1fr}.onboarding-side-card{position:sticky;top:98px;height:max-content}.onboarding-form-wide{grid-column:span 2}.form-section-head{margin:4px 0 8px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.form-section-head h2{margin:0 0 4px}.form-section-head p{margin:0;color:#667085;font-size:14px}.field b{color:#b42318}.sticky-form-action{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:12px;padding:14px;margin-top:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid #eef2f7;border-radius:18px;box-shadow:0 12px 30px rgba(16,24,40,.08)}.document-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.document-checklist{display:grid;gap:12px}.doc-check-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}.doc-check-card.approved{border-color:#b7eadf;background:#f0fdfa}.doc-check-card.revision_required,.doc-check-card.rejected,.doc-check-card.expired{border-color:#fed7aa;background:#fff7ed}.doc-check-main{display:flex;gap:12px;align-items:flex-start}.doc-icon{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:900}.approved .doc-icon{background:#0f766e;color:#fff}.doc-check-main strong{display:block}.doc-check-main small{display:block;color:#667085}.doc-note{margin:6px 0 0;color:#b54708;font-size:13px}.verification-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.blocker-list{border:1px solid #fed7aa;background:#fff7ed;border-radius:18px;padding:14px}.blocker-list strong{display:block;color:#b54708;margin-bottom:6px}.blocker-list ul{margin:0;padding-left:20px;color:#7c2d12}.approval-ready{border:1px solid #b7eadf;background:#f0fdfa;border-radius:18px;padding:14px}.approval-ready strong{display:block;color:#067647}.approval-ready p{margin:4px 0 0;color:#475467}.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.table-wrap{width:100%;overflow-x:auto}.area-admin .verification-stats .stat strong{font-size:28px}.area-admin .admin-page-hero .actions{justify-content:flex-end}.area-admin .table .pill{margin:2px 0}.area-admin .verification-filter{grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) auto auto!important}
@media(max-width:1050px){.onboarding-steps,.document-kpi-grid,.verification-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-layout{grid-template-columns:1fr}.onboarding-form-wide{grid-column:auto}.onboarding-side-card{position:static}.area-admin .verification-filter{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.onboarding-head{display:block}.onboarding-score{place-items:start;min-width:0;margin-top:12px}.onboarding-steps,.document-kpi-grid,.verification-status-grid{grid-template-columns:1fr}.doc-check-card{display:block}.doc-check-card .actions{margin-top:12px}.sticky-form-action{position:static}.onboarding-mini-nav{margin-left:-2px;margin-right:-2px}.mini-step{font-size:12px}.area-admin .verification-filter{grid-template-columns:1fr!important}.hero-actions .btn{width:100%}}

/* GOJAN v2.3.1 — Verification Detail & Document Review Polish */
.admin-content-wide{width:100%;min-width:0}.verification-detail-hero,.document-review-hero{background:linear-gradient(135deg,#ffffff,#f0fdfa 55%,#eff6ff);border:1px solid rgba(15,118,110,.14);box-shadow:var(--shadow-soft)}.hero-actions-right{align-items:flex-start;justify-content:flex-end}.verification-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.verification-kpi-row{margin-top:18px}.premium-stat{border:1px solid rgba(15,118,110,.10);background:linear-gradient(180deg,#fff,#fbfefd)}.premium-stat small{display:block;color:#667085;margin-top:5px;font-weight:700}.verification-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.verification-main-card,.verification-side-card{height:max-content}.section-title.no-margin{margin-top:0}.profile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.profile-summary-grid>div{border:1px solid #eef2f7;border-radius:16px;background:#fbfdff;padding:12px}.profile-summary-grid .span-2{grid-column:span 2}.profile-summary-grid span{display:block;color:#667085;font-size:12px;font-weight:800;margin-bottom:4px}.profile-summary-grid strong{display:block;color:#0f172a;font-size:14px;line-height:1.4}.admin-note-box{margin-top:14px;border-radius:18px;padding:14px;border:1px solid #e2e8f0;background:#f8fafc}.admin-note-box.client-visible{background:#f0fdfa;border-color:#b7eadf}.admin-note-box p{margin:6px 0 0;color:#475467}.document-matrix{display:grid;gap:12px;margin-top:14px}.doc-matrix-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}.doc-matrix-item.approved{border-color:#b7eadf;background:#f0fdfa}.doc-matrix-item.pending_review{border-color:#bfdbfe;background:#eff6ff}.doc-matrix-item.revision_required,.doc-matrix-item.rejected,.doc-matrix-item.expired{border-color:#fed7aa;background:#fff7ed}.doc-matrix-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:900}.doc-matrix-item.approved .doc-matrix-icon{background:#0f766e;color:#fff}.doc-matrix-body strong{display:block;color:#0f172a}.doc-matrix-body small{display:block;color:#667085;margin-top:2px}.doc-matrix-body p{margin:6px 0 0;color:#475467;font-size:13px}.doc-matrix-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.verification-timeline-layout{grid-template-columns:1fr 1fr}.premium-timeline{display:grid;gap:10px}.premium-timeline .timeline-item{border-left:0;border:1px solid #eef2f7;border-radius:16px;padding:12px 14px;background:#fff}.premium-timeline .timeline-item.visible-note{background:#f0fdfa;border-color:#b7eadf}.premium-timeline .timeline-item.internal-note{background:#fff7ed;border-color:#fed7aa}.premium-timeline .timeline-item span{display:block;color:#667085;font-size:12px;margin-top:3px}.premium-timeline .timeline-item p{margin:7px 0 0}.refined-list .list-item{border-radius:16px;border:1px solid #eef2f7;margin-bottom:9px;background:#fbfdff}.review-guidance-card{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#fff,#f8fafc)}.review-guidance-card p{margin:5px 0 0;color:#667085}.status-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.document-review-list{display:grid;gap:18px;margin-top:18px}.document-review-card-v2{overflow:hidden}.doc-review-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px}.doc-title-block{display:flex;gap:14px;align-items:flex-start}.doc-title-block h2{margin:6px 0 3px}.doc-title-block p{margin:0;color:#667085}.doc-review-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#f1f5f9;color:#475467;font-weight:900;flex:0 0 auto}.document-review-card-v2.approved .doc-review-icon{background:#0f766e;color:#fff}.document-review-card-v2.pending_review .doc-review-icon{background:#dbeafe;color:#1d4ed8}.document-review-card-v2.revision_required .doc-review-icon,.document-review-card-v2.rejected .doc-review-icon,.document-review-card-v2.expired .doc-review-icon{background:#ffedd5;color:#b54708}.doc-meta-row{display:flex;gap:6px;flex-wrap:wrap}.doc-status-block{text-align:right;display:grid;gap:6px;justify-items:end}.doc-status-block small{color:#667085}.doc-review-body{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:start}.doc-preview-box{border:1px solid #e5e7eb;border-radius:20px;background:#f8fafc;padding:12px}.doc-preview-box iframe{width:100%;height:420px;border:0;border-radius:14px;background:#fff}.doc-preview-box img{width:100%;max-height:420px;object-fit:contain;border-radius:14px;background:#fff}.doc-preview-actions{margin-top:10px}.doc-review-form{border:1px solid #eef2f7;border-radius:20px;padding:16px;background:#fff}.quick-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-note{border:1px solid #dbe3ec;border-radius:14px;padding:10px 11px;background:#fff;cursor:pointer;font-weight:800;text-align:left;color:#334155}.quick-note:hover{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.review-actions-row{margin-top:4px}.missing-document-box{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:14px}.missing-document-box p{margin:5px 0 0;color:#667085}.client-shell .approval-ready p{color:#475467}.client-shell .doc-note{border-left:3px solid #f59e0b;padding-left:10px}
@media(max-width:1100px){.verification-detail-layout,.verification-timeline-layout,.doc-review-body{grid-template-columns:1fr}.doc-preview-box iframe{height:360px}.hero-actions-right{justify-content:flex-start}.doc-status-block{text-align:left;justify-items:start}}
@media(max-width:760px){.profile-summary-grid{grid-template-columns:1fr}.profile-summary-grid .span-2{grid-column:auto}.doc-matrix-item{grid-template-columns:36px 1fr}.doc-matrix-action{grid-column:1/-1;justify-content:flex-start}.doc-review-top{display:block}.doc-title-block{margin-bottom:12px}.quick-note-grid{grid-template-columns:1fr}.review-guidance-card{display:block}.status-legend{justify-content:flex-start;margin-top:12px}.doc-preview-box iframe{height:300px}.verification-kpi-row{grid-template-columns:1fr!important}.hero-actions-right .btn{width:100%}}

/* GOJAN v2.4.0 — Business Matching Pipeline Pro */
.matching-hero{background:linear-gradient(135deg,#ffffff,#f0fdfa 55%,#eff6ff);border:1px solid rgba(15,118,110,.14);box-shadow:var(--shadow-soft)}
.matching-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.matching-stats .stat strong{font-size:30px;letter-spacing:-.04em}.matching-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.matching-create-card{height:max-content}.matching-guide-card{height:max-content;background:linear-gradient(180deg,#fff,#fbfdff)}.matching-readiness-list{display:grid;gap:12px}.matching-readiness-list>div{border:1px solid #eef2f7;border-radius:17px;background:#f8fafc;padding:13px}.matching-readiness-list strong{display:block;color:#0f172a}.matching-readiness-list span{display:block;color:#667085;font-size:13px;margin-top:4px;line-height:1.45}.matching-filter{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(150px,1fr)) auto;gap:10px;align-items:center;margin:18px 0}.pipeline-board{display:flex;gap:14px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:thin}.pipeline-column{min-width:310px;max-width:340px;flex:0 0 320px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;overflow:hidden}.pipeline-column-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.74);backdrop-filter:blur(8px)}.pipeline-column-head strong{font-size:14px;color:#0f172a}.pipeline-column-head span{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#e0f2fe;color:#0369a1;font-weight:900;font-size:12px}.pipeline-column-body{display:grid;gap:12px;padding:12px;min-height:220px}.pipeline-card{border:1px solid #e2e8f0;background:#fff;border-radius:19px;padding:13px;box-shadow:0 8px 24px rgba(15,23,42,.05);position:relative;overflow:hidden}.pipeline-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}.pipeline-card.priority-high:before{background:#0ea5e9}.pipeline-card.priority-urgent:before{background:#f97316}.pipeline-card-top{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.pipeline-card h3{font-size:15px;line-height:1.3;margin:0 0 7px;color:#0f172a}.pipeline-meta{display:grid;grid-template-columns:1fr;gap:4px;margin:10px 0;color:#475467;font-size:13px;font-weight:750}.pipeline-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:10px 0}.pipeline-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#0ea5e9)}.pipeline-foot{display:grid;gap:3px;color:#667085;font-size:12px;margin:8px 0}.compact-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.btn.small{padding:8px 10px;font-size:12px;border-radius:12px}.mini-select{border:1px solid #e2e8f0;border-radius:12px;padding:8px 9px;font-size:12px;background:#fff;font-weight:800;color:#334155;max-width:170px}.pipeline-empty{border:1px dashed #cbd5e1;border-radius:16px;padding:14px;text-align:center;color:#667085;font-size:13px;background:#fff}.matching-detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:start}.matching-side-stack{display:grid;gap:14px}.matching-timeline .timeline-item{position:relative}.matching-timeline .timeline-item:before{content:"";position:absolute;left:-6px;top:16px;width:10px;height:10px;border-radius:999px;background:#0f766e}.area-admin .compact-grid{gap:10px!important}
@media(max-width:1220px){.matching-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.matching-filter{grid-template-columns:1fr 1fr}.matching-filter .btn{width:100%}.matching-layout,.matching-detail-layout{grid-template-columns:1fr}.pipeline-column{min-width:300px;flex-basis:300px}}
@media(max-width:760px){.matching-stats{grid-template-columns:1fr 1fr}.matching-filter{grid-template-columns:1fr}.pipeline-board{margin-left:-4px;margin-right:-4px}.pipeline-column{min-width:86vw;flex-basis:86vw}.matching-hero .actions{justify-content:flex-start}.matching-hero .btn{width:100%}.matching-side-stack{grid-template-columns:1fr}.mini-select{max-width:100%}}
@media(max-width:430px){.matching-stats{grid-template-columns:1fr}.pipeline-column{min-width:88vw;flex-basis:88vw}}

/* GOJAN v2.5.0 — Client Portal Professional Upgrade */
.area-trade .topbar{box-shadow:0 10px 30px rgba(16,24,40,.06)}
.client-nav-scroll{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:72vw;scrollbar-width:none}.client-nav-scroll::-webkit-scrollbar{display:none}.client-nav-scroll a{white-space:nowrap}.topnav .lang-selector{flex:0 0 auto}.client-shell{max-width:1220px}.client-dashboard-pro{display:grid;gap:20px}.client-command-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:stretch}.client-identity-card{display:flex;gap:20px;align-items:center;border-radius:32px;padding:28px;background:linear-gradient(135deg,#072f2d,#0f766e 48%,#0ea5e9);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.client-identity-card:after{content:"";position:absolute;right:-76px;bottom:-90px;width:260px;height:260px;border-radius:999px;background:rgba(217,154,43,.32)}.client-identity-card>*{position:relative;z-index:1}.client-identity-card h1{font-size:34px;line-height:1.06;letter-spacing:-.04em;margin:8px 0 8px}.client-identity-card p{margin:0;max-width:680px;color:rgba(255,255,255,.82)}.client-avatar-lg,.client-avatar-xl{flex:0 0 auto;border-radius:28px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;overflow:hidden}.client-avatar-lg{width:94px;height:94px;font-size:34px}.client-avatar-xl{width:116px;height:116px;font-size:42px;background:linear-gradient(135deg,#0f766e,#0ea5e9)}.client-avatar-lg img,.client-avatar-xl img{width:100%;height:100%;object-fit:cover}.client-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.client-progress-card{border-radius:32px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;gap:18px;align-items:center}.progress-ring{--p:0;width:118px;height:118px;border-radius:999px;background:conic-gradient(#0f766e calc(var(--p)*1%),#e5e7eb 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:inherit;background:#fff}.progress-ring strong,.progress-ring span{position:relative;z-index:1;display:block;text-align:center}.progress-ring strong{font-size:28px;line-height:1}.progress-ring span{font-size:12px;color:#667085;font-weight:800}.client-progress-card p{margin:6px 0 14px;color:#667085}.client-stepper-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-step-card{display:flex;gap:12px;align-items:flex-start;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:var(--shadow-soft)}.client-step-card span{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#f1f5f9;color:#475467;font-weight:900}.client-step-card.done{border-color:#b7eadf;background:#f0fdfa}.client-step-card.done span{background:#0f766e;color:#fff}.client-step-card strong{display:block;color:#0f172a}.client-step-card small{display:block;color:#667085;line-height:1.35;margin-top:3px}.client-kpi-row .stat{transition:.18s ease;text-decoration:none}.client-stat-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.client-stat-link small{display:block;color:#667085;margin-top:5px}.client-smart-search{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(340px,1.2fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc)}.client-smart-search h2{margin:8px 0 4px}.client-action-grid .quick-card{min-height:170px}.client-main-columns{align-items:start}.recommended-card{display:block;min-height:170px}.recommended-card h3{margin:12px 0 6px}.client-trust-note{background:#f8fafc;border-style:dashed}.client-trust-note p{margin:6px 0 0;color:#667085}.profile-hero-pro{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc)}.profile-identity-pro{display:flex;gap:18px;align-items:center}.profile-identity-pro h1{margin:6px 0 3px;font-size:34px;letter-spacing:-.04em}.profile-identity-pro p{margin:0;color:#667085}.profile-score-side{min-width:190px;border:1px solid #e5e7eb;border-radius:22px;padding:16px;background:#fff}.profile-score-side strong{display:block;font-size:36px;letter-spacing:-.05em}.profile-score-side span{display:block;color:#667085;font-weight:800}.profile-pro-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;margin-top:18px}.profile-main-form{grid-column:span 2}.profile-side-card{height:max-content}.profile-mini-list{display:grid;gap:10px;margin-top:14px}.profile-mini-list a{text-decoration:none;border:1px solid #eef2f7;background:#fbfdff;border-radius:16px;padding:13px}.profile-mini-list strong{display:block}.profile-mini-list span{display:block;color:#667085;font-size:13px}.verification-hero-pro,.document-center-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:32px;padding:28px;background:linear-gradient(135deg,#fff,#f0fdfa 54%,#eff6ff);border:1px solid rgba(15,118,110,.16);box-shadow:var(--shadow-soft)}.verification-hero-pro h1,.document-center-hero h1{margin:8px 0;font-size:34px;letter-spacing:-.04em}.verification-hero-pro p,.document-center-hero p{margin:0;color:#667085;max-width:760px}.verification-hero-pro aside,.document-center-hero aside{min-width:180px;border-radius:24px;background:#fff;border:1px solid #e5e7eb;padding:16px;text-align:center}.verification-hero-pro aside strong,.document-center-hero aside strong{display:block;font-size:38px;letter-spacing:-.05em}.verification-hero-pro aside small,.document-center-hero aside span{display:block;color:#667085;font-weight:800}.polished-nav{margin:16px 0 18px}.compact-kpis .stat strong{font-size:30px}.verification-action-layout{align-items:start}.verification-check-card,.verification-submit-card{height:max-content}.document-status-list{display:grid;gap:10px;margin-top:14px}.document-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #e5e7eb;border-radius:17px;background:#fff;padding:13px}.document-status-row.approved{background:#f0fdfa;border-color:#b7eadf}.document-status-row.pending_review{background:#eff6ff;border-color:#bfdbfe}.document-status-row.revision_required,.document-status-row.rejected,.document-status-row.expired{background:#fff7ed;border-color:#fed7aa}.document-status-row strong{display:block}.document-status-row span:not(.pill){display:block;color:#667085;font-size:13px}.document-status-row p{margin:6px 0 0;color:#475467;font-size:13px}.document-center-page{display:grid;gap:18px}.document-center-hero aside .mini-progress{margin-top:10px}.document-workspace{grid-template-columns:minmax(290px,.8fr) minmax(0,2.2fr);align-items:start}.upload-document-card{height:max-content}.document-list-card{grid-column:span 2}.pro-checklist{display:grid;gap:12px}.document-history-card{margin-top:0}.client-shell .table-wrap{overflow-x:auto}.client-shell .table{min-width:780px}.client-shell .btn[disabled]{opacity:.55;cursor:not-allowed}.area-trade .footer{margin-top:20px}.area-trade .flash{max-width:1220px}
@media(max-width:1050px){.client-command-hero,.client-smart-search,.profile-pro-layout,.document-workspace,.verification-action-layout{grid-template-columns:1fr}.profile-main-form,.document-list-card{grid-column:auto}.client-stepper-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.client-smart-search .btn{width:100%}.client-progress-card{align-items:flex-start}.profile-hero-pro,.verification-hero-pro,.document-center-hero{align-items:flex-start}}
@media(max-width:760px){.area-trade .topbar{padding:12px 14px;gap:10px}.area-trade .brand-logo-frame img{max-width:120px!important}.client-nav-scroll{max-width:100%;width:100%;padding-bottom:2px}.client-nav-scroll a{padding:8px 10px!important;font-size:13px}.client-command-hero{gap:12px}.client-identity-card{display:block;padding:22px;border-radius:26px}.client-avatar-lg{width:76px;height:76px;font-size:28px;margin-bottom:14px}.client-identity-card h1,.profile-identity-pro h1,.verification-hero-pro h1,.document-center-hero h1{font-size:28px}.client-progress-card{border-radius:24px}.progress-ring{width:96px;height:96px}.client-stepper-pro{grid-template-columns:1fr}.client-kpi-row,.client-action-grid,.recommended-grid,.verification-status-grid,.document-kpi-grid{grid-template-columns:1fr!important}.client-smart-search{padding:18px}.client-main-columns{grid-template-columns:1fr}.profile-hero-pro,.profile-identity-pro,.verification-hero-pro,.document-center-hero{display:block}.client-avatar-xl{width:94px;height:94px;margin-bottom:12px}.profile-score-side,.verification-hero-pro aside,.document-center-hero aside{margin-top:14px;width:100%}.document-status-row{display:block}.document-status-row .pill{margin-top:10px}.document-workspace{gap:14px}.client-shell{padding-left:14px;padding-right:14px}.onboarding-mini-nav{overflow-x:auto;display:flex;gap:8px;padding-bottom:4px}.onboarding-mini-nav .mini-step{min-width:max-content}.profile-main-form .grid-2{grid-template-columns:1fr}.client-action-grid .quick-card{min-height:auto}}
@media(max-width:430px){.client-hero-badges{gap:6px}.client-progress-card{display:block}.progress-ring{margin-bottom:14px}.client-smart-search input{font-size:14px}.profile-pro-layout{margin-top:12px}.document-center-hero,.verification-hero-pro{padding:20px}.client-identity-card h1{word-break:break-word}}

/* GOJAN v2.6.0 — Notification Center, Activity Timeline, Admin Portal Upgrade */
.nav-dot{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:#f97316;color:#fff;font-size:11px;font-weight:950;margin-left:4px;vertical-align:middle;box-shadow:0 6px 14px rgba(249,115,22,.22)}
.admin-pro-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:30px;padding:30px 32px;margin-bottom:22px;background:linear-gradient(135deg,#062e2a,#0f766e 52%,#0ea5e9);color:#fff;box-shadow:0 24px 70px rgba(15,118,110,.18);overflow:hidden;position:relative}.admin-pro-hero:after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border-radius:999px;background:rgba(217,154,43,.25)}.admin-pro-hero>*{position:relative;z-index:1}.admin-pro-hero.compact{padding:26px 30px}.admin-pro-hero h1{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:9px 0}.admin-pro-hero p{margin:0;color:rgba(255,255,255,.78);max-width:780px}.admin-pro-hero .btn.light{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff}.admin-command-page .stats,.admin-command-kpis{margin-bottom:20px}.admin-command-panels{align-items:start}.admin-command-panels .card{min-height:250px}.pro-filter-card{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0}.notification-list-card{padding:10px!important}.notification-list-pro{display:grid;gap:10px}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border:1px solid #e5e7eb;border-radius:22px;background:#fff}.notification-item.unread{border-color:#99f6e4;background:linear-gradient(135deg,#f0fdfa,#fff)}.notification-main h3{font-size:18px;letter-spacing:-.02em;margin:10px 0 6px}.notification-main p{margin:0 0 8px;color:#475467;line-height:1.55}.notification-main small{color:#667085}.notification-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.timeline-card-pro{padding:16px!important}.timeline-pro-list{display:grid;gap:0}.timeline-pro-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px 4px;border-bottom:1px solid #eef2f7}.timeline-pro-item:last-child{border-bottom:0}.timeline-dot{width:14px;height:14px;border-radius:999px;background:#94a3b8;margin:8px auto 0;box-shadow:0 0 0 6px #f1f5f9}.timeline-dot.green{background:#0f766e;box-shadow:0 0 0 6px #ccfbf1}.timeline-dot.blue{background:#2563eb;box-shadow:0 0 0 6px #dbeafe}.timeline-dot.orange{background:#f97316;box-shadow:0 0 0 6px #ffedd5}.timeline-pro-body h3{font-size:18px;letter-spacing:-.02em;margin:9px 0 5px}.timeline-pro-body p{margin:0 0 6px;color:#475467;line-height:1.55}.timeline-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-meta small{color:#667085}.timeline-compact{display:grid;gap:12px}.timeline-compact-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}.timeline-compact-item>span{width:11px;height:11px;border-radius:999px;background:#0f766e;margin-top:6px;box-shadow:0 0 0 5px #ccfbf1}.timeline-compact-item strong{display:block;font-size:14px;color:#0f172a}.timeline-compact-item small{display:block;color:#667085;margin-top:3px}.notification-hero-client{margin-bottom:18px}.notification-hero-client .client-identity-card{min-height:210px}.area-admin .sidebar.admin-sidebar{scrollbar-width:thin}.area-admin .sidebar.admin-sidebar::-webkit-scrollbar{width:7px}.area-admin .sidebar.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.area-admin .admin-nav-link{position:relative}.area-admin .admin-nav-link.active:after{content:"";position:absolute;right:10px;width:7px;height:7px;border-radius:99px;background:#fff;opacity:.9}.area-admin .section-title.no-margin,.area-trade .section-title.no-margin{margin:0 0 14px}.area-admin .refined-list .list-item,.area-trade .refined-list .list-item{border-radius:16px;border:1px solid #eef2f7;background:#fff;margin-bottom:8px}.area-admin .quick-card:hover,.area-trade .quick-card:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(15,23,42,.10)}.area-admin .quick-card,.area-trade .quick-card{transition:.18s ease}.notification-center-page .btn{white-space:nowrap}
@media(max-width:1050px){.admin-pro-hero{display:block}.admin-pro-hero .btn{margin-top:14px}.notification-item{display:block}.notification-actions{margin-top:12px;flex-wrap:wrap}.admin-command-panels{grid-template-columns:1fr!important}}
@media(max-width:760px){.admin-pro-hero{border-radius:24px;padding:22px}.admin-pro-hero h1{font-size:28px}.pro-filter-card{overflow-x:auto;flex-wrap:nowrap}.pro-filter-card .btn{min-width:max-content}.notification-item{padding:15px}.notification-main h3,.timeline-pro-body h3{font-size:16px}.timeline-pro-item{grid-template-columns:24px minmax(0,1fr);padding:14px 0}.notification-hero-client .client-identity-card{min-height:auto}.area-admin .admin-command-kpis{grid-template-columns:1fr!important}}

/* GOJAN v2.6.1 — Client Header & Billing Layout Fix */
body.area-trade{background:linear-gradient(180deg,#f7fbfc 0,#f4f7fb 42%,#f8fafc 100%)}
.area-trade .client-topbar-pro{position:sticky;top:0;z-index:120;display:block;min-height:auto;padding:0;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 10px 28px rgba(15,23,42,.04);backdrop-filter:blur(18px)}
.client-topbar-inner{display:grid;grid-template-columns:minmax(210px,250px) minmax(420px,1fr) auto;align-items:center;gap:18px;max-width:1560px;margin:0 auto;padding:14px 24px}
.client-brand-pro{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;color:#0f172a}.client-brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:62px;height:54px;overflow:hidden}.client-brand-logo .app-logo-header{max-width:58px!important;max-height:50px!important;width:auto!important;height:auto!important;object-fit:contain}.client-brand-copy{min-width:0;line-height:1.22}.client-brand-copy strong{display:block;font-size:18px;letter-spacing:.18em;font-weight:950;color:#0f172a}.client-brand-copy small{display:block;font-size:11.5px;font-weight:800;color:#667085;max-width:170px;line-height:1.35}.client-nav-main{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap}.client-nav-link,.client-tool-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border-radius:999px;font-weight:850;color:#344054;line-height:1;white-space:nowrap;transition:.16s ease}.client-nav-link{padding:11px 14px;font-size:14.5px}.client-tool-link{padding:10px 11px;font-size:13.5px}.client-nav-link:hover,.client-tool-link:hover{background:#eefcf8;color:#0f766e}.client-nav-link.active,.client-tool-link.active{background:#0f766e;color:#fff;box-shadow:0 12px 22px rgba(15,118,110,.16)}.client-nav-link.active .nav-dot,.client-tool-link.active .nav-dot{background:#fff;color:#f97316}.client-top-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.client-top-tools .language-switcher{margin:0}.client-top-tools .language-switcher select{width:auto;min-width:92px;height:40px;padding:0 32px 0 14px;border-radius:999px;border:1px solid #dbe3ec;background:#fff;color:#334155;font-size:13px;font-weight:900;box-shadow:none}.client-logout-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:999px;border:1px solid #fed7aa;background:#fff7ed;color:#c2410c;font-size:13px;font-weight:950;text-decoration:none}.client-logout-btn:hover{background:#ffedd5;color:#9a3412}.client-mobile-nav{display:none}.area-trade .topbar .nav-dot{margin-left:3px;transform:translateY(-1px)}
.area-trade .container{max-width:1420px;padding:32px 28px}.area-trade .billing-hero{margin-top:0;border-radius:30px;padding:38px 44px;min-height:230px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#053b36 0%,#0f766e 58%,#91a549 100%);box-shadow:0 28px 70px rgba(15,118,110,.14);overflow:hidden;position:relative}.area-trade .billing-hero:after{content:"";position:absolute;right:-70px;bottom:-95px;width:320px;height:320px;border-radius:999px;background:rgba(217,154,43,.48)}.area-trade .billing-hero>*{position:relative;z-index:1}.area-trade .billing-hero .eyebrow{width:max-content;background:rgba(255,255,255,.88);color:#066456;margin-bottom:18px}.area-trade .billing-hero h1{font-size:42px;line-height:1.08;letter-spacing:-.055em;margin:0 0 14px;color:#fff}.area-trade .billing-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.84);font-size:17px;line-height:1.7}.billing-summary{margin-top:22px}.billing-summary .stat{border-radius:24px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 14px 34px rgba(15,23,42,.06);padding:22px}.plan-grid{align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:12px}.plan-card h2{margin:0;font-size:28px;letter-spacing:-.04em}.plan-card p{min-height:66px}.plan-card form,.plan-card>button,.plan-card>.btn{margin-top:auto}.plan-meta{display:grid;gap:8px;margin:2px 0 8px;color:#475467;font-size:13px}.area-trade .section-title{margin-top:28px}.area-trade .table-wrap{overflow-x:auto}.area-trade .table{min-width:860px}
@media(max-width:1320px){.client-topbar-inner{grid-template-columns:minmax(180px,220px) minmax(360px,1fr) auto;gap:10px;padding:12px 18px}.client-brand-copy small{display:none}.client-brand-logo{width:56px}.client-nav-link{padding:10px 11px;font-size:13.5px}.client-tool-link{padding:9px 9px;font-size:13px}.client-top-tools .language-switcher select{min-width:80px}.area-trade .container{padding:28px 22px}}
@media(max-width:1120px){.client-topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px}.client-brand-logo{width:54px;height:48px}.client-brand-logo .app-logo-header{max-width:52px!important;max-height:46px!important}.client-brand-copy strong{font-size:16px}.client-nav-main{display:none}.client-top-tools{gap:7px}.client-top-tools .client-tool-link:nth-of-type(2),.client-top-tools .client-tool-link:nth-of-type(4){display:none}.client-mobile-nav{display:flex;gap:8px;overflow-x:auto;padding:0 18px 12px;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.client-mobile-nav::-webkit-scrollbar{display:none}.client-mobile-nav .client-nav-link{flex:0 0 auto;background:#f1f5f9;color:#334155;padding:9px 12px;font-size:13px}.client-mobile-nav .client-nav-link.active{background:#0f766e;color:#fff}.client-mobile-nav .client-nav-link.logout{background:#fff7ed;color:#c2410c}.area-trade .billing-hero{min-height:205px}}
@media(max-width:760px){.area-trade .client-topbar-pro{padding:0!important}.client-topbar-inner{padding:10px 14px;gap:8px}.client-brand-pro{gap:8px}.client-brand-logo{width:46px;height:42px}.client-brand-logo .app-logo-header{max-width:45px!important;max-height:40px!important}.client-brand-copy strong{font-size:14px;letter-spacing:.14em}.client-brand-copy small{display:none}.client-top-tools .language-switcher select{height:36px;min-width:70px;font-size:12px;padding-left:10px}.client-top-tools .client-tool-link{height:36px;padding:0 10px;font-size:12px}.client-top-tools .client-tool-link:not(:first-of-type){display:none}.client-logout-btn{display:none}.client-mobile-nav{padding:0 14px 10px;gap:7px}.client-mobile-nav .client-nav-link{font-size:12.5px;padding:8px 10px}.area-trade .container{padding:18px 14px}.area-trade .billing-hero{border-radius:24px;padding:26px 22px;min-height:auto}.area-trade .billing-hero:after{width:210px;height:210px;right:-88px;bottom:-90px}.area-trade .billing-hero h1{font-size:31px}.area-trade .billing-hero p{font-size:14.5px;line-height:1.65}.billing-summary,.plan-grid{grid-template-columns:1fr!important}.billing-summary .stat,.plan-card{border-radius:22px;padding:18px}.plan-card p{min-height:auto}.area-trade .section-title{display:block}.area-trade .section-title span{display:block;margin-top:4px}}
@media(max-width:430px){.client-brand-copy strong{font-size:13px}.client-top-tools .language-switcher{display:none}.client-mobile-nav{padding-left:12px;padding-right:12px}.area-trade .billing-hero h1{font-size:28px}.area-trade .billing-hero .eyebrow{font-size:11px;padding:6px 10px}}


/* GOJAN v2.7.0 — Public Website Conversion Upgrade */
body.area-public{background:#f6faf9;color:#101828;overflow-x:hidden}
body.area-public .topbar{position:absolute!important;top:0;left:0;right:0;z-index:80;background:transparent!important;border:0!important;box-shadow:none!important;padding:22px 5vw!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:92px!important}
body.area-public .brand-with-logo{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;color:#fff!important;min-width:0!important}
body.area-public .brand-logo-frame{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important}
body.area-public .brand-logo-frame .app-logo-header{width:118px!important;max-height:64px!important;object-fit:contain!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.22))!important}
body.area-public .brand-powered{display:block!important;color:rgba(255,255,255,.88)!important;font-size:13px!important;font-weight:800!important;max-width:190px!important;line-height:1.35!important;text-shadow:0 2px 12px rgba(0,0,0,.18)}
body.area-public .topnav{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
body.area-public .topnav select, body.area-public .language-selector select{height:42px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:800!important;padding:0 18px!important;backdrop-filter:blur(12px)!important}
body.area-public .topnav select option{color:#0f172a!important;background:#fff!important}
body.area-public .footer{background:#061b22;color:rgba(255,255,255,.76);border:0;margin-top:80px;padding:28px 24px;text-align:center}
.public-hero-v270{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden;background:#061b22;color:#fff;padding:118px 0 78px}
.public-hero-bg-v270{position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(14,165,233,.30),transparent 34%),radial-gradient(circle at 88% 12%,rgba(217,154,43,.24),transparent 28%),radial-gradient(circle at 72% 84%,rgba(16,185,129,.18),transparent 34%),linear-gradient(135deg,#061b22 0%,#063a35 46%,#0b6b5f 100%)}
.public-hero-bg-v270:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 88%)}
.public-hero-bg-v270:after{content:"";position:absolute;right:-120px;bottom:-160px;width:520px;height:520px;border-radius:50%;background:rgba(217,154,43,.20);filter:blur(2px)}
.public-hero-grid-v270{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;width:min(1180px,calc(100% - 48px));margin:0 auto}
.public-trust-pill-v270{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);color:#d1fae5;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}
.public-copy-v270 h1{font-size:clamp(42px,5.4vw,72px);line-height:.96;letter-spacing:-.065em;margin:0 0 22px;max-width:860px}
.public-copy-v270 p{font-size:clamp(17px,1.45vw,21px);line-height:1.72;color:rgba(255,255,255,.80);max-width:740px;margin:0}
.public-actions-v270{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 26px}.public-actions-v270 .btn{border-radius:16px;padding:15px 22px;font-size:15px;font-weight:900;text-decoration:none}.public-primary-v270{background:#fff!important;color:#07594f!important;box-shadow:0 20px 52px rgba(0,0,0,.22)!important}.public-secondary-v270{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
.public-proof-v270{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}.public-proof-v270 div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px 16px}.public-proof-v270 strong{display:block;font-size:14px;color:#fff}.public-proof-v270 span{display:block;font-size:12px;color:rgba(255,255,255,.68);margin-top:4px;line-height:1.35}
.public-panel-v270{position:relative}.public-card-v270{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.70);box-shadow:0 34px 90px rgba(0,0,0,.32);border-radius:32px;color:#0f172a;padding:22px;backdrop-filter:blur(20px)}.window-dots-v270{display:flex;gap:7px;margin-bottom:16px}.window-dots-v270 span{width:10px;height:10px;border-radius:999px;background:#cbd5e1}.search-line-v270{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:18px;padding:15px 16px;font-weight:900;color:#334155;margin-bottom:14px}.lead-row-v270{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid #e8eef5;background:#fff;margin:10px 0}.lead-row-v270.hot{border-color:#99f6e4;background:#ecfdf5}.lead-row-v270 b{display:block;font-size:15px}.lead-row-v270 small{display:block;color:#64748b;margin-top:4px}.lead-row-v270 span{font-size:11px;font-weight:900;border-radius:999px;padding:7px 10px;color:#0f766e;background:#d1fae5;white-space:nowrap}.public-mini-grid-v270{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.public-mini-card-v270{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:22px;color:#fff;padding:18px}.public-mini-card-v270 strong{display:block;font-size:30px;line-height:1}.public-mini-card-v270 span{display:block;color:rgba(255,255,255,.72);font-size:12px;margin-top:6px}.public-note-v270{margin-top:14px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.55;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px}
.public-section-v270{padding:82px 0 22px}.public-section-head-v270{text-align:center;max-width:820px;margin:0 auto 34px}.public-section-head-v270 span,.public-flow-copy-v270 span,.public-verification-card-v270>span,.public-final-cta-v270 span{display:inline-block;font-weight:900;font-size:12px;color:#0f766e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.public-section-head-v270 h2{font-size:clamp(32px,3.8vw,52px);line-height:1.03;letter-spacing:-.055em;margin:0 0 14px;color:#0f172a}.public-section-head-v270 p{font-size:18px;line-height:1.65;color:#667085;margin:0}.public-section-head-v270.compact{max-width:780px}.public-card-grid-v270{display:grid;gap:18px}.public-card-grid-v270.three{grid-template-columns:repeat(3,minmax(0,1fr))}.public-card-grid-v270.four{grid-template-columns:repeat(4,minmax(0,1fr))}.public-feature-v270,.public-plan-v270{background:#fff;border:1px solid #e6edf3;border-radius:28px;padding:26px;box-shadow:0 18px 50px rgba(16,24,40,.07)}.public-feature-v270 span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#e7f8f5;color:#0f766e;font-weight:900}.public-feature-v270 h3,.public-plan-v270 h3{font-size:22px;margin:18px 0 10px;letter-spacing:-.025em}.public-feature-v270 p,.public-plan-v270 p{color:#667085;line-height:1.65;margin:0}.public-plan-v270 b{display:block;margin-top:18px;color:#0f766e}.public-plan-v270.featured{border-color:#0f766e;box-shadow:0 24px 70px rgba(15,118,110,.16)}
.public-dark-band-v270{margin-top:60px;background:linear-gradient(135deg,#061b22,#0f766e);color:#fff;padding:76px 0}.public-flow-v270{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.public-flow-copy-v270 h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.055em;margin:0;color:#fff}.public-flow-copy-v270 span{color:#a7f3d0}.public-flow-steps-v270{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-flow-steps-v270 div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px}.public-flow-steps-v270 b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:14px;background:#fff;color:#0f766e;margin-bottom:14px}.public-flow-steps-v270 strong{display:block;font-size:18px;margin-bottom:6px}.public-flow-steps-v270 small{display:block;color:rgba(255,255,255,.72);line-height:1.5}
.public-split-v270{display:grid;grid-template-columns:1fr .82fr;gap:24px;align-items:center}.public-verification-card-v270{background:#fff;border:1px solid #e6edf3;border-radius:32px;padding:34px;box-shadow:0 18px 60px rgba(16,24,40,.08)}.public-verification-card-v270 h2{font-size:clamp(32px,3.6vw,48px);line-height:1.04;letter-spacing:-.055em;margin:0 0 14px}.public-verification-card-v270 p{color:#667085;line-height:1.72;margin:0 0 18px}.public-verification-card-v270 ul{margin:0;padding-left:20px;color:#334155;line-height:1.9}.public-status-board-v270{background:#071e25;color:#fff;border-radius:32px;padding:26px;box-shadow:0 24px 70px rgba(6,27,34,.20)}.status-row-v270{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.10)}.status-row-v270 span{color:rgba(255,255,255,.72)}.status-row-v270 b{border-radius:999px;padding:7px 11px;font-size:11px}.status-row-v270 .ok{background:#dcfce7;color:#166534}.status-row-v270 .warn{background:#fef3c7;color:#92400e}.status-row-v270 .wait{background:#e0f2fe;color:#075985}.progress-wrap-v270{margin-top:20px}.progress-wrap-v270 small{color:rgba(255,255,255,.72);font-weight:800}.progress-wrap-v270 div{height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin:10px 0}.progress-wrap-v270 i{display:block;height:100%;background:#22c55e;border-radius:999px}.progress-wrap-v270 strong{font-size:24px}
.public-faq-grid-v270{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-faq-grid-v270 details{background:#fff;border:1px solid #e6edf3;border-radius:22px;padding:20px;box-shadow:0 16px 46px rgba(16,24,40,.06)}.public-faq-grid-v270 summary{cursor:pointer;font-weight:900;color:#0f172a}.public-faq-grid-v270 p{color:#667085;line-height:1.62;margin:12px 0 0}.public-final-cta-v270{margin-top:60px;background:linear-gradient(135deg,#083b33,#0f766e);color:#fff;border-radius:34px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 30px 80px rgba(15,118,110,.20)}.public-final-cta-v270 span{color:#a7f3d0}.public-final-cta-v270 h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:900px}.public-final-cta-v270 .btn{background:#fff;color:#0f766e;white-space:nowrap;box-shadow:none;text-decoration:none}
@media(max-width:1080px){.public-hero-grid-v270,.public-flow-v270,.public-split-v270{grid-template-columns:1fr}.public-card-grid-v270.three,.public-card-grid-v270.four,.public-faq-grid-v270{grid-template-columns:repeat(2,minmax(0,1fr))}.public-panel-v270{max-width:620px}.public-final-cta-v270{display:block}.public-final-cta-v270 .btn{margin-top:22px}}
@media(max-width:760px){body.area-public .topbar{position:relative!important;background:#061b22!important;padding:14px 18px!important;min-height:74px!important}body.area-public .brand-logo-frame .app-logo-header{width:92px!important;max-height:50px!important}body.area-public .brand-powered{font-size:11px!important;max-width:130px!important}body.area-public .topnav{display:none!important}.public-hero-v270{min-height:auto;padding:46px 0 56px}.public-hero-grid-v270{width:min(100% - 32px,1180px);gap:28px}.public-copy-v270 h1{font-size:40px;letter-spacing:-.05em}.public-proof-v270{grid-template-columns:1fr}.public-actions-v270 .btn{width:100%;justify-content:center}.public-card-grid-v270.three,.public-card-grid-v270.four,.public-faq-grid-v270,.public-flow-steps-v270{grid-template-columns:1fr}.public-section-v270{padding-top:56px}.public-dark-band-v270{padding:56px 0;margin-top:42px}.public-final-cta-v270{padding:28px;border-radius:26px}.public-final-cta-v270 .btn{width:100%;justify-content:center}.public-mini-grid-v270{grid-template-columns:1fr}.public-card-v270{border-radius:26px;padding:18px}.lead-row-v270{align-items:flex-start;flex-direction:column}.lead-row-v270 span{align-self:flex-start}}
body.area-public .public-actions-nav-v270 a{height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 17px;text-decoration:none;font-size:13px;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);backdrop-filter:blur(12px)}
body.area-public .public-actions-nav-v270 .public-nav-register-v270{background:#fff;color:#0f766e;border-color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.18)}

/* GOJAN v2.8.0 — Public Content CMS, Indonesian-only UI, Professional Homepage Background */
.language-switcher{display:none!important}
html[dir="rtl"] body{text-align:left!important;direction:ltr!important}
body.area-public{background:#f5f7fb!important;color:#101828!important;overflow-x:hidden}
body.area-public .public-topbar-v280{position:sticky!important;top:0!important;z-index:90!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(226,232,240,.90)!important;box-shadow:0 12px 34px rgba(16,24,40,.06)!important;padding:14px 5vw!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:82px!important}
body.area-public .public-topbar-v280 .brand-with-logo{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;color:#0f172a!important;min-width:0!important}
body.area-public .public-logo-frame-v280{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:18px!important;padding:7px 10px!important;box-shadow:0 12px 32px rgba(15,23,42,.08)!important;min-width:96px!important;min-height:58px!important}
body.area-public .public-logo-frame-v280 .app-logo-header{width:92px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;filter:none!important}
body.area-public .brand-powered{display:block!important;color:#475467!important;font-size:13px!important;font-weight:800!important;max-width:210px!important;line-height:1.35!important;text-shadow:none!important}
body.area-public .public-actions-nav-v280{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
body.area-public .public-actions-nav-v280 a{height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;text-decoration:none;font-size:13px;font-weight:900;border:1px solid rgba(15,23,42,.10);transition:.2s ease}
body.area-public .public-nav-login-v280{color:#1f2937;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.05)}
body.area-public .public-nav-register-v280{color:#fff;background:#0b6b5f;border-color:#0b6b5f;box-shadow:0 14px 34px rgba(11,107,95,.20)}
body.area-public .public-actions-nav-v280 a:hover{transform:translateY(-1px)}
body.area-public .footer{background:#fff;color:#667085;border-top:1px solid #e5e7eb;margin-top:72px;padding:28px 24px;text-align:center}
.public-hero-v280{position:relative;overflow:hidden;padding:72px 0 68px;background:radial-gradient(circle at 16% 14%,rgba(14,165,233,.12),transparent 30%),radial-gradient(circle at 84% 12%,rgba(217,154,43,.16),transparent 28%),linear-gradient(180deg,#ffffff 0%,#f4f8fb 66%,#eef7f4 100%)}
.public-hero-v280:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%)}
.public-hero-shell-v280{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.public-trust-pill-v280{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#e8f6f3;border:1px solid #c9e9e3;color:#0b6b5f;font-weight:950;font-size:12px;letter-spacing:.055em;text-transform:uppercase;margin-bottom:18px}.public-hero-copy-v280 h1{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.064em;margin:0 0 22px;color:#0b1220;max-width:860px}.public-hero-copy-v280 p{font-size:clamp(17px,1.45vw,21px);line-height:1.72;color:#475467;max-width:760px;margin:0}.public-actions-v280{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 26px}.public-btn-v280{height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:0 22px;text-decoration:none;font-size:15px;font-weight:950}.public-btn-v280.primary{background:#0b6b5f;color:#fff;box-shadow:0 18px 44px rgba(11,107,95,.22)}.public-btn-v280.secondary{background:#fff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 12px 34px rgba(16,24,40,.06)}.public-proof-v280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:740px}.public-proof-v280 div{background:rgba(255,255,255,.82);border:1px solid #e5edf3;border-radius:18px;padding:15px 16px;box-shadow:0 12px 30px rgba(16,24,40,.05)}.public-proof-v280 strong{display:block;font-size:14px;color:#101828}.public-proof-v280 span{display:block;font-size:12px;color:#667085;margin-top:4px;line-height:1.35}.public-hero-panel-v280{display:grid;gap:16px}.public-logo-card-v280{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid #e6edf3;border-radius:32px;min-height:238px;padding:24px;box-shadow:0 24px 70px rgba(16,24,40,.09)}.public-logo-card-v280 .public-logo-v280{width:240px!important;height:148px!important;object-fit:contain!important;filter:none!important}.public-logo-card-v280 small{display:block;margin-top:10px;color:#667085;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.public-preview-card-v280{background:#0b1f28;color:#fff;border-radius:32px;padding:22px;box-shadow:0 32px 80px rgba(11,31,40,.18)}.preview-head-v280{display:flex;gap:7px;margin-bottom:16px}.preview-head-v280 span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.32)}.preview-search-v280{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:15px 16px;font-weight:900;margin-bottom:14px}.preview-row-v280{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);margin:10px 0}.preview-row-v280.featured{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.25)}.preview-row-v280 b{display:block;font-size:15px}.preview-row-v280 small{display:block;color:rgba(255,255,255,.68);margin-top:4px}.preview-row-v280 em{font-style:normal;font-size:11px;font-weight:950;border-radius:999px;padding:7px 10px;color:#d1fae5;background:rgba(16,185,129,.18);white-space:nowrap}.public-section-v280{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:82px 0 16px}.public-section-head-v280{text-align:center;max-width:820px;margin:0 auto 34px}.public-section-head-v280 span,.public-flow-shell-v280 span,.public-trust-card-v280>span,.public-final-cta-v280 span{display:inline-block;font-weight:950;font-size:12px;color:#0b6b5f;text-transform:uppercase;letter-spacing:.085em;margin-bottom:10px}.public-section-head-v280 h2{font-size:clamp(32px,3.8vw,52px);line-height:1.04;letter-spacing:-.055em;margin:0 0 14px;color:#101828}.public-section-head-v280 p{font-size:18px;line-height:1.65;color:#667085;margin:0}.public-section-head-v280.compact{max-width:780px}.public-card-grid-v280{display:grid;gap:18px}.public-card-grid-v280.three{grid-template-columns:repeat(3,minmax(0,1fr))}.public-card-grid-v280.four{grid-template-columns:repeat(4,minmax(0,1fr))}.public-card-grid-v280 article{background:#fff;border:1px solid #e6edf3;border-radius:28px;padding:26px;box-shadow:0 18px 50px rgba(16,24,40,.06)}.public-card-grid-v280 article>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#e8f6f3;color:#0b6b5f;font-weight:950}.public-card-grid-v280 h3{font-size:22px;margin:18px 0 10px;letter-spacing:-.025em;color:#101828}.public-card-grid-v280 p{color:#667085;line-height:1.65;margin:0}.public-card-grid-v280 strong{display:block;margin-top:18px;color:#0b6b5f}.public-card-grid-v280 .featured{border-color:#0b6b5f;box-shadow:0 24px 70px rgba(11,107,95,.15)}.public-flow-band-v280{margin-top:60px;background:#0b1f28;color:#fff;padding:76px 0}.public-flow-shell-v280{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.public-flow-shell-v280 h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.055em;margin:0;color:#fff}.public-flow-shell-v280 span{color:#a7f3d0}.public-flow-steps-v280{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-flow-steps-v280 div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px}.public-flow-steps-v280 b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:14px;background:#fff;color:#0b6b5f;margin-bottom:14px}.public-flow-steps-v280 strong{display:block;font-size:18px;margin-bottom:6px}.public-flow-steps-v280 small{display:block;color:rgba(255,255,255,.72);line-height:1.5}.public-split-v280{display:grid;grid-template-columns:1fr .82fr;gap:24px;align-items:center}.public-trust-card-v280{background:#fff;border:1px solid #e6edf3;border-radius:32px;padding:34px;box-shadow:0 18px 60px rgba(16,24,40,.07)}.public-trust-card-v280 h2{font-size:clamp(32px,3.6vw,48px);line-height:1.04;letter-spacing:-.055em;margin:0 0 14px;color:#101828}.public-trust-card-v280 p{color:#667085;line-height:1.72;margin:0 0 18px}.public-trust-card-v280 ul{margin:0;padding-left:20px;color:#344054;line-height:1.9}.public-status-board-v280{background:#0b1f28;color:#fff;border-radius:32px;padding:26px;box-shadow:0 24px 70px rgba(11,31,40,.18)}.public-status-board-v280>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.10)}.public-status-board-v280 span{color:rgba(255,255,255,.72)}.public-status-board-v280 b{border-radius:999px;padding:7px 11px;font-size:11px}.public-status-board-v280 .ok{background:#dcfce7;color:#166534}.public-status-board-v280 .warn{background:#fef3c7;color:#92400e}.public-status-board-v280 .wait{background:#e0f2fe;color:#075985}.public-status-board-v280 section{margin-top:20px}.public-status-board-v280 small{color:rgba(255,255,255,.72);font-weight:800}.public-status-board-v280 p{height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin:10px 0}.public-status-board-v280 i{display:block;height:100%;background:#22c55e;border-radius:999px}.public-status-board-v280 strong{font-size:24px}.public-faq-grid-v280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-faq-grid-v280 details{background:#fff;border:1px solid #e6edf3;border-radius:22px;padding:20px;box-shadow:0 16px 46px rgba(16,24,40,.05)}.public-faq-grid-v280 summary{cursor:pointer;font-weight:950;color:#101828}.public-faq-grid-v280 p{color:#667085;line-height:1.62;margin:12px 0 0}.public-final-cta-v280{width:min(1180px,calc(100% - 48px));margin:64px auto 0;background:linear-gradient(135deg,#0b1f28,#0b6b5f);color:#fff;border-radius:34px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 30px 80px rgba(11,107,95,.18)}.public-final-cta-v280 span{color:#a7f3d0}.public-final-cta-v280 h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:900px}.public-final-cta-v280 a{background:#fff;color:#0b6b5f;white-space:nowrap;text-decoration:none;height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:0 22px;font-weight:950}.public-cms-form{display:grid;gap:18px}.public-cms-form textarea{min-height:auto}.sticky-actions-v280{position:sticky;bottom:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 18px 46px rgba(16,24,40,.10);z-index:20}.area-admin .public-cms-form .card{box-shadow:0 14px 40px rgba(16,24,40,.05)}
@media(max-width:1080px){.public-hero-shell-v280,.public-flow-shell-v280,.public-split-v280{grid-template-columns:1fr}.public-card-grid-v280.three,.public-card-grid-v280.four,.public-faq-grid-v280{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero-panel-v280{max-width:620px}.public-final-cta-v280{display:block}.public-final-cta-v280 a{margin-top:22px}}
@media(max-width:760px){body.area-public .public-topbar-v280{position:sticky!important;padding:12px 16px!important;min-height:74px!important}body.area-public .public-logo-frame-v280{min-width:78px!important;min-height:48px!important;border-radius:15px!important;padding:5px 8px!important}body.area-public .public-logo-frame-v280 .app-logo-header{width:74px!important;height:38px!important;max-height:38px!important}body.area-public .brand-powered{display:none!important}body.area-public .public-actions-nav-v280 a{height:38px;padding:0 13px;font-size:12px}.public-hero-v280{padding:42px 0 56px}.public-hero-shell-v280,.public-section-v280,.public-flow-shell-v280,.public-final-cta-v280{width:min(100% - 32px,1180px)}.public-hero-copy-v280 h1{font-size:39px;letter-spacing:-.05em}.public-proof-v280,.public-card-grid-v280.three,.public-card-grid-v280.four,.public-faq-grid-v280,.public-flow-steps-v280{grid-template-columns:1fr}.public-actions-v280 .public-btn-v280{width:100%}.public-section-v280{padding-top:56px}.public-flow-band-v280{padding:56px 0;margin-top:42px}.public-final-cta-v280{padding:28px;border-radius:26px}.public-final-cta-v280 a{width:100%}.public-preview-card-v280,.public-logo-card-v280{border-radius:26px}.preview-row-v280{align-items:flex-start;flex-direction:column}.preview-row-v280 em{align-self:flex-start}.public-logo-card-v280 .public-logo-v280{width:210px!important;height:130px!important}}

/* v2.8.1 — Final QA, Bug Fix & SEO Polish */
.footer-v281{display:flex!important;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #e6edf3;background:#fff;color:#475467;padding:24px min(48px,5vw)!important;margin-top:64px!important}
.footer-v281 div{display:flex;gap:8px;flex-direction:column}.footer-v281 strong{color:#101828}.footer-v281 span{font-size:12px;color:#667085}.footer-v281 nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-v281 a{color:#0b6b5f;text-decoration:none;font-weight:800;font-size:13px}.footer-v281 a:hover{text-decoration:underline}
.legal-hero-v281{width:min(1100px,calc(100% - 48px));margin:38px auto 0;background:linear-gradient(135deg,#f7fbfa,#ffffff);border:1px solid #e6edf3;border-radius:34px;padding:54px 48px;box-shadow:0 24px 80px rgba(16,24,40,.07)}
.legal-hero-v281 span{display:inline-block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:950;color:#0b6b5f;margin-bottom:10px}.legal-hero-v281 h1{font-size:clamp(36px,4.4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 14px;color:#101828}.legal-hero-v281 p{max-width:790px;color:#667085;font-size:18px;line-height:1.72;margin:0}.legal-page-v281{width:min(960px,calc(100% - 48px));margin:28px auto 0;background:#fff;border:1px solid #e6edf3;border-radius:28px;padding:34px;box-shadow:0 18px 60px rgba(16,24,40,.06)}.legal-page-v281 section+section{border-top:1px solid #eef2f6;margin-top:22px;padding-top:22px}.legal-page-v281 h2{font-size:21px;margin:0 0 10px;color:#101828;letter-spacing:-.02em}.legal-page-v281 p{margin:0;color:#475467;line-height:1.75}
.qa-hero-v281{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important}.qa-score-card-v281{min-width:180px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:18px;text-align:center}.qa-score-card-v281 strong{display:block;font-size:44px;line-height:1;color:#fff}.qa-score-card-v281 span{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-size:13px}.qa-grid-v281{grid-template-columns:1fr 1fr}.qa-summary-v281{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qa-summary-v281 div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.qa-summary-v281 strong{display:block;color:#101828;font-size:14px;word-break:break-word}.qa-summary-v281 span{display:block;color:#667085;font-size:12px;margin-top:5px}.qa-mini-actions-v281{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.qa-table-v281 td{vertical-align:middle}.table-wrap{width:100%;overflow-x:auto}
body.area-public{background:#f6f8f7}.public-hero-v280{border-bottom:1px solid #e6edf3}.public-trust-pill-v280{box-shadow:0 12px 28px rgba(16,24,40,.05)}body.area-public .public-topbar-v280{backdrop-filter:blur(18px)}body.area-public .public-nav-login-v280,body.area-public .public-nav-register-v280{font-weight:950}.public-logo-card-v280{background:linear-gradient(180deg,#fff,#fbfdfc)}.public-logo-card-v280 .public-logo-v280{image-rendering:auto}.public-preview-card-v280{border:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.footer-v281{display:block!important;text-align:center}.footer-v281 nav{justify-content:center;margin-top:16px}.legal-hero-v281,.legal-page-v281{width:calc(100% - 32px);padding:28px;border-radius:24px}.legal-hero-v281{margin-top:18px}.qa-grid-v281,.qa-summary-v281{grid-template-columns:1fr}.qa-score-card-v281{width:100%;margin-top:18px}.qa-hero-v281{display:block!important}.qa-table-v281{min-width:760px}}

/* GOJAN v2.8.2 — PDF Buyer Data OCR Import */
.pdf-import-hero{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.pdf-import-hero h1{color:#fff}.pdf-import-hero p{color:rgba(255,255,255,.78);max-width:840px}.pdf-import-hero .eyebrow{color:#a7f3d0}.pdf-status-grid .stat strong{font-size:22px}.pdf-import-layout{grid-template-columns:1fr 1fr}.pdf-ocr-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.55}.secure-note.warning{border-color:#fed7aa;background:#fff7ed}.secure-note.compact{padding:10px;border-radius:14px}.internal-contact-card{margin:18px 0;border:1px dashed rgba(15,118,110,.25);background:linear-gradient(180deg,#ffffff,#f8fffd)}.internal-contact-card h2{margin-top:0}.area-admin .admin-nav-icon{min-width:28px}.area-admin .admin-nav-link span:last-child{min-width:0}.pdf-import-layout .card h2{margin-top:0}.pdf-import-hero .qa-score-card-v281{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
@media(max-width:900px){.pdf-import-hero{display:block}.pdf-import-hero .qa-score-card-v281{margin-top:18px}.pdf-import-layout,.pdf-status-grid{grid-template-columns:1fr!important}.pdf-status-grid .stat strong{font-size:20px}}

/* GOJAN v2.8.7 — Import Preview Quality Control & Duplicate Cleaner */
.import-qc-hero{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:22px}.import-qc-hero h1{color:#fff}.import-qc-hero p{color:rgba(255,255,255,.78)}.import-qc-hero .eyebrow{color:#a7f3d0}.stat-link{text-decoration:none;color:inherit}.stat-link:hover{transform:translateY(-1px);border-color:#b7eadf}.import-qc-table{min-width:1040px}.import-qc-table td{vertical-align:top}.row-risky{background:#fff7ed!important}.row-duplicate{background:#fffbeb!important}.import-qc-table .actions{gap:8px}.import-edit-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}.import-qc-side{position:sticky;top:96px;height:max-content}.import-raw-box{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:18px;padding:14px;max-height:360px;overflow:auto;font-size:12px;line-height:1.5}.import-qc-stats .stat strong{font-size:30px}.import-tools .checkline{font-weight:900;color:#344054}.pill.red{background:#fee2e2!important;color:#991b1b!important}.area-admin .import-qc-table .btn{min-height:34px;padding:0 12px}
@media(max-width:920px){.import-qc-hero{display:block}.import-qc-hero .qa-score-card-v281{margin-top:16px}.import-edit-layout{grid-template-columns:1fr}.import-qc-side{position:static}.import-qc-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.import-qc-stats{grid-template-columns:1fr!important}.import-qc-hero{padding:24px!important}.import-qc-table{min-width:920px}}

/* GOJAN v2.9.0 — CRM Follow-up & Import/Notification Fix */
.crm-hero{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important;color:#fff}.crm-hero h1,.crm-hero p{color:#fff}.crm-hero p{color:rgba(255,255,255,.78)}.crm-page .grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.crm-table td{vertical-align:top}.crm-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.timeline-pro{display:grid;gap:12px;margin-top:16px}.timeline-item-pro{border:1px solid #e6edf3;background:#fff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.04)}.timeline-item-pro h3{margin:8px 0 6px;font-size:17px}.timeline-item-pro p{margin:0 0 10px;color:#475467;line-height:1.62}.timeline-item-pro small{color:#667085}.import-submit-strip{margin-top:16px;border:1px solid #d8eee7;background:#f3fffb;border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.import-submit-strip strong{display:block;color:#0f172a}.import-submit-strip .btn{white-space:nowrap}.import-action-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.primary-import-btn{background:#0f766e!important;color:#fff!important;box-shadow:0 12px 24px rgba(15,118,110,.16)!important}.notification-actions form{margin:0}.notification-actions .btn{white-space:nowrap}
@media(max-width:1100px){.crm-page .grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-detail-grid{grid-template-columns:1fr}.import-submit-strip{display:block}.import-submit-strip .btn{margin-top:12px;width:100%}.import-action-guide{display:block}.import-action-guide .btn{width:100%;margin-top:12px}}
@media(max-width:640px){.crm-page .grid-5{grid-template-columns:1fr}.crm-table{min-width:920px}.crm-detail-page .admin-pro-hero .actions{margin-top:14px}.import-submit-strip{border-radius:16px;padding:14px}}

/* GOJAN v2.9.4 — Company Detail Admin & Invoice Payment Flow */
.company-detail-admin-hero-v294{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.company-detail-admin-hero-v294 h1,.company-detail-admin-hero-v294 p{color:#fff}.company-detail-admin-hero-v294 p{color:rgba(255,255,255,.78);max-width:900px}.company-detail-admin-hero-v294 .eyebrow{color:#a7f3d0}.company-admin-kpi-v294 .stat strong{font-size:22px}.company-admin-layout-v294{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.inline-admin-actions-v294{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;border:1px solid #eef2f7;background:#fbfdff;border-radius:18px;padding:14px;margin-top:10px}.inline-admin-actions-v294 .field{flex:1;min-width:220px;margin:0}.invoice-page-v294{width:min(1120px,calc(100% - 48px));margin:28px auto 0}.invoice-hero-v294{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#0b1f28,#0b6b5f);color:#fff;border-radius:32px;padding:34px;box-shadow:0 24px 80px rgba(16,24,40,.14)}.invoice-hero-v294 h1{font-size:clamp(34px,4vw,54px);line-height:1.04;margin:8px 0 10px;color:#fff}.invoice-hero-v294 p{margin:0;color:rgba(255,255,255,.78);max-width:750px;line-height:1.65}.invoice-hero-v294 .eyebrow{color:#a7f3d0}.invoice-status-card-v294{min-width:210px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:18px}.invoice-status-card-v294 span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72);font-weight:900}.invoice-status-card-v294 strong{display:block;font-size:28px;color:#fff;margin:5px 0 10px}.invoice-summary-v294{margin-top:18px}.invoice-payment-grid-v294{margin-top:18px;align-items:stretch}.invoice-method-card-v294 h2{margin-top:12px}.invoice-method-card-v294{border:1px solid #e6edf3;background:linear-gradient(180deg,#fff,#fbfefd)}.xendit-card-v294{background:linear-gradient(180deg,#ffffff,#f4f8ff)}.bank-instruction-v294{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin:14px 0;color:#344054;line-height:1.65}.invoice-paid-card-v294{margin-top:18px;background:#f0fdfa;border-color:#b7eadf}.invoice-note-v294{margin-top:18px}.billing-hero-v294{background:linear-gradient(135deg,#0b1f28,#0b6b5f)!important}.upgrade-form-v294 .btn{width:100%}.plan-card.current-plan{border-color:#b7eadf;background:linear-gradient(180deg,#fff,#f0fdfa)}.area-trade .billing-summary .stat strong{word-break:break-word}
@media(max-width:980px){.company-detail-admin-hero-v294,.invoice-hero-v294{display:block}.company-detail-admin-hero-v294 .qa-score-card-v281,.invoice-status-card-v294{margin-top:18px}.company-admin-layout-v294,.invoice-payment-grid-v294{grid-template-columns:1fr!important}.invoice-page-v294{width:calc(100% - 32px)}}
@media(max-width:640px){.invoice-hero-v294{padding:24px;border-radius:24px}.invoice-status-card-v294{min-width:0}.inline-admin-actions-v294{display:block}.inline-admin-actions-v294 .btn{width:100%;margin-top:10px}.company-detail-admin-hero-v294{padding:24px!important}.invoice-summary-v294{grid-template-columns:1fr!important}}

/* GOJAN v2.9.7 — Billing UI Polish & Invoice Email Final */
.billing-hero-v297,
.invoice-hero-v297,
.billing-admin-hero-v297 {
  position: relative;
  overflow: hidden;
}
.invoice-container-v297 { max-width: 1180px; }
.invoice-page-v297 .card,
.billing-page-v297 .card,
.billing-admin-page-v297 .card { border: 1px solid #e6edf3; }
.invoice-hero-v297 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 34px 38px;
  border-radius: 30px;
  background: linear-gradient(135deg, #063b33 0%, #0f766e 58%, #0ea5e9 100%);
  color: #fff;
  box-shadow: 0 24px 60px rgba(15, 118, 110, .20);
  margin: 24px 0;
}
.invoice-hero-v297 h1 { margin: 8px 0 12px; font-size: clamp(34px, 4vw, 56px); line-height: 1; letter-spacing: -.04em; }
.invoice-hero-v297 p { max-width: 760px; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.65; }
.invoice-status-card-v297 {
  min-width: 230px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 24px;
  padding: 18px;
  backdrop-filter: blur(8px);
}
.invoice-status-card-v297 span { display:block; opacity:.8; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.invoice-status-card-v297 strong { display:block; font-size:24px; margin:8px 0 12px; }
.invoice-summary-v297 .stat strong,
.billing-summary-v297 .stat strong { font-size: 24px; }
.invoice-guidance-v297 { margin: 18px 0; background: #f8fafc; }
.invoice-guidance-v297 p { margin-bottom: 0; color:#475467; }
.bank-instruction-v297 {
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 18px;
  padding: 16px;
  color: #344054;
  margin: 16px 0;
  line-height: 1.65;
}
.xendit-steps-v297 { display:grid; gap:10px; margin: 18px 0; }
.xendit-steps-v297 span { background:#eef6ff; color:#075985; border:1px solid #d7eafe; border-radius:14px; padding:10px 12px; font-weight:700; }
.invoice-payment-grid-v297 { align-items: stretch; }
.invoice-method-card-v297 { display:flex; flex-direction:column; gap: 8px; }
.invoice-paid-card-v297 { text-align:left; background:linear-gradient(135deg,#ecfdf5,#ffffff); border-color:#bbf7d0!important; }
.invoice-footer-actions-v297 { margin-top: 20px; justify-content: space-between; }
.invoice-not-found-v297 { max-width: 760px; margin: 50px auto; padding: 34px; text-align:center; }
.actions.center { justify-content:center; }
.soft-line { border:0; border-top:1px solid #e5e7eb; margin:22px 0; }
.billing-active-badge-v297 strong { letter-spacing:.08em; }
.plan-grid-v297 .plan-card { min-height: 270px; }
.billing-history-card-v297 td { vertical-align: top; }
.billing-admin-summary-v297 { margin: 18px 0; }
.warning-card-v297 { background: #fff7ed; border-color:#fed7aa!important; }
.billing-filter-card-v297 .actions { align-items:center; flex-wrap:wrap; }
.billing-filter-card-v297 input { min-width: 280px; flex: 1; }
.billing-table-card-v297 { overflow:auto; }
.mini-review-v297 { display:grid; gap:8px; margin-top:8px; min-width:240px; }
.mini-review-v297 .btn { width:100%; justify-content:center; }
.btn.danger { background:#dc2626; color:#fff; border-color:#dc2626; }
.btn.danger:hover { background:#b91c1c; }
@media (max-width: 900px) {
  .invoice-hero-v297 { display:block; padding: 28px 22px; border-radius: 24px; }
  .invoice-status-card-v297 { margin-top: 18px; min-width: 0; }
  .invoice-summary-v297, .billing-summary-v297, .billing-admin-summary-v297 { grid-template-columns: 1fr!important; }
  .invoice-payment-grid-v297 { grid-template-columns: 1fr!important; }
  .billing-filter-card-v297 input { min-width: 0; width:100%; }
}


/* GOJAN v2.9.8 — Admin Billing Layout Repair */
body.area-admin .container.admin-shell.billing-admin-page-v298{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 28px 38px !important;
  display: grid !important;
  grid-template-columns: 292px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.area-admin .billing-admin-page-v298 > .admin-sidebar{
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body.area-admin .billing-admin-page-v298 > .billing-admin-content-v298{
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.area-admin .billing-admin-page-v298 .billing-admin-hero-v297{
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  min-height: auto !important;
}
body.area-admin .billing-admin-page-v298 .billing-table-card-v297{
  max-width: 100%;
  overflow-x: auto;
}
body.area-admin .billing-admin-page-v298 .table{
  width: 100%;
}
body.area-admin .billing-admin-page-v298 .billing-admin-grid{
  align-items: start;
}
@media(max-width:1180px){
  body.area-admin .container.admin-shell.billing-admin-page-v298{
    grid-template-columns: 240px minmax(0, 1fr) !important;
    padding: 22px !important;
    gap: 18px !important;
  }
}
@media(max-width:900px){
  body.area-admin .container.admin-shell.billing-admin-page-v298{
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }
  body.area-admin .billing-admin-page-v298 > .admin-sidebar,
  body.area-admin .billing-admin-page-v298 > .billing-admin-content-v298{
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* GOJAN v2.9.9 — Stability Audit & Client Header Final Sweep */
:root{--gojan-header-h:88px}
.area-trade .client-topbar-v299{background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e9eef5!important;box-shadow:0 10px 34px rgba(15,23,42,.055)!important;backdrop-filter:blur(18px)}
.client-topbar-v299 .client-topbar-inner{display:grid!important;grid-template-columns:minmax(210px,260px) minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important;max-width:1680px!important;padding:13px 28px!important}
.client-topbar-v299 .client-brand-pro{height:64px!important;gap:14px!important;align-items:center!important}
.client-topbar-v299 .client-brand-logo{width:76px!important;height:58px!important;justify-content:flex-start!important}
.client-topbar-v299 .client-brand-logo .app-logo-header{max-width:72px!important;max-height:56px!important;object-fit:contain!important}
.client-topbar-v299 .client-brand-copy strong{font-size:20px!important;letter-spacing:.24em!important;line-height:1!important;color:#0f172a!important}
.client-topbar-v299 .client-brand-copy small{display:block!important;font-size:11px!important;letter-spacing:.05em!important;color:#667085!important;text-transform:uppercase!important;margin-top:6px!important;max-width:none!important}
.client-topbar-v299 .client-nav-main{justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0!important}
.client-topbar-v299 .client-nav-link{height:42px!important;padding:0 16px!important;font-size:14.5px!important;border-radius:999px!important;color:#344054!important;background:transparent!important;box-shadow:none!important;letter-spacing:0!important}
.client-topbar-v299 .client-nav-link:hover{background:#f0fdfa!important;color:#0f766e!important}
.client-topbar-v299 .client-nav-link.active{background:#0f766e!important;color:#fff!important;box-shadow:0 14px 28px rgba(15,118,110,.18)!important}
.client-topbar-v299 .client-top-tools{justify-content:flex-end!important;gap:0!important}
.client-topbar-v299 .client-logout-btn{height:42px!important;padding:0 20px!important;border-radius:999px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;font-size:14px!important;font-weight:950!important}
.client-topbar-v299 .nav-dot{min-width:24px!important;height:24px!important;padding:0 7px!important;margin-left:4px!important;display:inline-grid!important;place-items:center!important;font-size:12px!important;border-radius:999px!important;background:#f97316!important;color:#fff!important;line-height:1!important}
.client-topbar-v299 .client-nav-link.active .nav-dot{background:#fff!important;color:#f97316!important}
.area-trade .client-mobile-nav{background:#fff!important;border-top:1px solid #edf2f7!important}
.area-trade .client-command-hero{margin-top:6px!important}
.area-trade .card,.area-trade .quick-card,.area-trade .client-progress-card,.area-trade .client-step-card{box-shadow:0 14px 38px rgba(15,23,42,.055)!important}

/* public/mobile header cleanup: keep logo and CTA compact */
body.area-public .public-topbar-v280{min-height:78px!important;padding:10px 18px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8eef5!important;box-shadow:0 10px 32px rgba(15,23,42,.05)!important}
body.area-public .public-topbar-v280 .brand-with-logo{gap:12px!important}
body.area-public .public-topbar-v280 .brand-logo-frame{width:86px!important;height:58px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.area-public .public-topbar-v280 .app-logo-header{max-width:72px!important;max-height:50px!important;object-fit:contain!important}
body.area-public .public-actions-nav-v280{display:flex!important;align-items:center!important;gap:10px!important}
body.area-public .public-nav-login-v280,body.area-public .public-nav-register-v280{height:44px!important;padding:0 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:950!important;text-decoration:none!important}
body.area-public .public-nav-login-v280{background:#fff!important;border:1px solid #dbe3ec!important;color:#0f172a!important}
body.area-public .public-nav-register-v280{background:#0f766e!important;border:1px solid #0f766e!important;color:#fff!important}

/* Stability audit visual polish */
.qa-page-v299 .qa-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.qa-page-v299 .qa-check-grid .stat{border-radius:20px}.qa-page-v299 .qa-note{border-radius:20px;border:1px solid #e5e7eb;background:#fff;padding:18px;color:#475467;line-height:1.6}

@media(max-width:1380px){.client-topbar-v299 .client-topbar-inner{grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto!important;gap:10px!important;padding:12px 18px!important}.client-topbar-v299 .client-nav-main{gap:4px!important}.client-topbar-v299 .client-nav-link{height:40px!important;padding:0 11px!important;font-size:13.5px!important}.client-topbar-v299 .client-brand-copy small{display:none!important}.client-topbar-v299 .client-brand-copy strong{font-size:17px!important}.client-topbar-v299 .client-brand-logo{width:64px!important}.client-topbar-v299 .client-logout-btn{padding:0 15px!important}}
@media(max-width:1160px){.client-topbar-v299 .client-topbar-inner{display:flex!important;justify-content:space-between!important}.client-topbar-v299 .client-nav-main{display:none!important}.client-topbar-v299 .client-brand-pro{height:58px!important}.client-topbar-v299 .client-brand-logo{width:62px!important;height:52px!important}.client-topbar-v299 .client-brand-logo .app-logo-header{max-width:58px!important;max-height:48px!important}.client-topbar-v299 .client-logout-btn{display:inline-flex!important}.area-trade .client-mobile-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 18px 12px!important;scrollbar-width:none!important}.area-trade .client-mobile-nav::-webkit-scrollbar{display:none}.area-trade .client-mobile-nav .client-nav-link{flex:0 0 auto!important;background:#f1f5f9!important;color:#334155!important;height:38px!important;padding:0 13px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important}.area-trade .client-mobile-nav .client-nav-link.active{background:#0f766e!important;color:#fff!important}.area-trade .client-mobile-nav .client-nav-link.logout{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}}
@media(max-width:760px){.client-topbar-v299 .client-topbar-inner{padding:9px 14px!important;min-height:64px!important}.client-topbar-v299 .client-brand-pro{height:48px!important}.client-topbar-v299 .client-brand-logo{width:50px!important;height:44px!important}.client-topbar-v299 .client-brand-logo .app-logo-header{max-width:48px!important;max-height:40px!important}.client-topbar-v299 .client-brand-copy strong{font-size:15px!important;letter-spacing:.20em!important}.client-topbar-v299 .client-brand-copy small{display:none!important}.client-topbar-v299 .client-logout-btn{height:38px!important;padding:0 14px!important;font-size:13px!important}.area-trade .client-mobile-nav{padding:8px 14px 10px!important;gap:7px!important}.area-trade .client-mobile-nav .client-nav-link{height:36px!important;padding:0 12px!important;font-size:12.5px!important}.area-trade .client-command-hero{grid-template-columns:1fr!important;gap:14px!important}.area-trade .client-identity-card{border-radius:26px!important;padding:22px!important;display:block!important;text-align:left!important}.area-trade .client-avatar-lg{width:68px!important;height:68px!important;font-size:24px!important;margin-bottom:12px!important}.area-trade .client-identity-card h1{font-size:26px!important}.area-trade .client-progress-card{border-radius:24px!important;padding:18px!important}.area-trade .client-stepper-pro{grid-template-columns:1fr!important}.area-trade .client-smart-search{grid-template-columns:1fr!important}.area-trade .client-action-grid{grid-template-columns:1fr!important}body.area-public .public-topbar-v280{min-height:auto!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}body.area-public .public-topbar-v280 .brand-powered{display:none!important}body.area-public .public-topbar-v280 .brand-logo-frame{width:78px!important;height:54px!important}body.area-public .public-topbar-v280 .app-logo-header{max-width:66px!important;max-height:46px!important}body.area-public .public-nav-login-v280,body.area-public .public-nav-register-v280{height:40px!important;padding:0 15px!important;font-size:13px!important}body.area-public .public-hero-v270{padding-top:98px!important;min-height:auto!important}.qa-page-v299 .qa-check-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.client-topbar-v299 .client-brand-copy strong{font-size:13.5px!important}.client-topbar-v299 .client-brand-logo{width:46px!important}.client-topbar-v299 .client-logout-btn{height:36px!important;padding:0 12px!important}.area-trade .client-mobile-nav .client-nav-link{font-size:12px!important;padding:0 10px!important}body.area-public .public-actions-nav-v280{gap:7px!important}body.area-public .public-nav-login-v280,body.area-public .public-nav-register-v280{padding:0 12px!important}.qa-page-v299 .qa-check-grid{grid-template-columns:1fr!important}}


/* v3.0.1 — Launch Protection & Public Trust Final */
.hp-field-v301{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.footer-v301{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 6vw;border-top:1px solid rgba(15,23,42,.08);background:#fff;color:#334155}
.footer-v301 .footer-main-v301{display:flex;flex-direction:column;gap:4px}.footer-v301 strong{color:#0f172a}.footer-v301 nav{display:flex;gap:14px;flex-wrap:wrap}.footer-v301 nav a{color:#0f766e;text-decoration:none;font-weight:700}.footer-trust-v301{display:flex;gap:8px;flex-wrap:wrap}.footer-trust-v301 span{font-size:12px;font-weight:800;border:1px solid rgba(15,118,110,.18);background:rgba(15,118,110,.06);color:#0f766e;border-radius:999px;padding:7px 10px}
.status-hero-v301 h1{display:flex;align-items:center;gap:10px}.status-page-v301 .status-card-v301{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08)}.status-card-v301.ok{border-color:rgba(15,118,110,.22);background:linear-gradient(135deg,rgba(15,118,110,.08),#fff)}.status-card-v301.warn{border-color:rgba(217,119,6,.24);background:linear-gradient(135deg,rgba(217,119,6,.08),#fff)}.status-card-v301 span,.trust-grid-v301 article span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:800}.status-card-v301 strong{border-radius:999px;padding:9px 12px;background:#0f766e;color:#fff;font-size:12px}.trust-grid-v301 article{min-height:150px}.trust-grid-v301 article h3{margin-top:8px}.trust-center-page-v301 .trust-layer-list-v301{display:grid;gap:12px}.trust-layer-list-v301 div{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px;background:#f8fafc}.trust-layer-list-v301 strong{color:#0f172a}.trust-layer-list-v301 p{margin:6px 0 0;color:#64748b}.check-list-v301{list-style:none;padding:0;margin:0;display:grid;gap:10px}.check-list-v301 li{display:flex;gap:10px;align-items:flex-start;color:#334155}.check-list-v301 span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;flex:0 0 22px}.small{font-size:12px}
@media(max-width:760px){.footer-v301{align-items:flex-start;flex-direction:column}.footer-trust-v301{width:100%}.footer-trust-v301 span{flex:1 1 auto;text-align:center}.status-page-v301 .status-card-v301{align-items:flex-start;flex-direction:column}.trust-center-page-v301 .actions{width:100%;display:grid}.trust-center-page-v301 .actions .btn{width:100%;justify-content:center}}

/* GOJAN v3.0.2 — Client Onboarding & Submission Flow Pro */
.footer-v302{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 6vw;border-top:1px solid rgba(15,23,42,.08);background:#fff;color:#334155}.footer-v302 .footer-main-v301{display:flex;flex-direction:column;gap:4px}.footer-v302 strong{color:#0f172a}.footer-v302 nav{display:flex;gap:14px;flex-wrap:wrap}.footer-v302 nav a{color:#0f766e;text-decoration:none;font-weight:700}.onboarding-command-page-v302{display:grid;gap:18px}.onboarding-command-hero-v302{display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:32px;padding:30px;background:linear-gradient(135deg,#062c2a,#0f766e 54%,#0ea5e9);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.onboarding-command-hero-v302:after{content:"";position:absolute;right:-88px;bottom:-94px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.12)}.onboarding-command-hero-v302>*{position:relative;z-index:1}.onboarding-command-hero-v302 h1{font-size:36px;letter-spacing:-.045em;line-height:1.05;margin:8px 0}.onboarding-command-hero-v302 p{max-width:760px;margin:0;color:rgba(255,255,255,.82)}.onboarding-command-hero-v302 aside{min-width:260px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:26px;padding:18px;display:flex;gap:14px;align-items:center}.onboarding-command-hero-v302 aside p{font-size:13px;line-height:1.4}.onboarding-command-hero-v302 .progress-ring:before{background:#fff}.onboarding-stepper-v302{margin-top:0}.onboarding-kpi-v302 .stat strong{font-size:26px}.onboarding-main-v302{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.onboarding-check-card-v302,.onboarding-submit-box-v302{height:max-content}.onboarding-submit-box-v302 .actions{margin-top:14px}.onboarding-submit-box-v302 hr{border:0;border-top:1px solid #eef2f7;margin:18px 0}.optional-doc-list-v302{display:grid;gap:10px;margin-top:12px}.optional-doc-list-v302 div{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #eef2f7;background:#fbfdff;border-radius:14px;padding:10px}.optional-doc-list-v302 strong{font-size:13px}.onboarding-history-v302{margin-top:0}.onboarding-command-page-v302 .document-status-row .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:1050px){.onboarding-command-hero-v302,.onboarding-main-v302{display:block}.onboarding-command-hero-v302 aside{margin-top:18px;min-width:0}.onboarding-submit-box-v302{margin-top:18px}}@media(max-width:760px){.footer-v302{align-items:flex-start;flex-direction:column}.onboarding-command-hero-v302{padding:22px;border-radius:26px}.onboarding-command-hero-v302 h1{font-size:28px}.onboarding-command-hero-v302 aside{display:block}.onboarding-command-hero-v302 aside .progress-ring{margin-bottom:12px}.onboarding-command-page-v302 .document-status-row .actions{justify-content:flex-start;margin-top:10px}.optional-doc-list-v302 div{display:block}.optional-doc-list-v302 .pill{margin-bottom:6px}}

/* GOJAN v3.0.3 — Admin Verification Center & Client Approval Pro */
.verification-approval-page .admin-content-wide{max-width:1480px;width:100%}
.approval-hero-v303{background:linear-gradient(135deg,#101827,#1f2937);color:#fff;border:0;box-shadow:0 18px 48px rgba(15,23,42,.18)}
.approval-hero-v303 p,.approval-hero-v303 .eyebrow{color:rgba(255,255,255,.78)}
.approval-kpi-v303 .stat-link{text-decoration:none;color:inherit;transition:.18s ease;display:block}
.approval-kpi-v303 .stat-link:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.13)}
.approval-filter-v303{grid-template-columns:1.5fr .65fr auto auto;align-items:end;margin-top:18px}
.approval-client-list-v303{display:grid;gap:16px;margin-top:18px}
.approval-client-card-v303{border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 36px rgba(15,23,42,.07)}
.approval-client-card-v303.focus{outline:3px solid rgba(37,99,235,.25)}
.approval-client-head-v303{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.approval-title-row-v303{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.approval-title-row-v303 h2{margin:0;font-size:1.18rem;letter-spacing:-.02em}
.approval-meta-row-v303{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:#64748b;font-size:.86rem}
.approval-meta-row-v303 span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:5px 9px}
.approval-card-actions-v303{white-space:nowrap;align-items:center}
.approval-mini-stats-v303{margin-top:14px;gap:10px}
.approval-mini-stats-v303>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px}
.approval-mini-stats-v303 span{display:block;color:#64748b;font-size:.82rem;margin-bottom:5px}
.approval-mini-stats-v303 strong{display:block;font-size:1rem;color:#0f172a}
.approval-doc-strip-v303{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.approval-doc-chip-v303{display:flex;flex-direction:column;gap:2px;min-width:130px;border:1px solid #e5e7eb;border-radius:14px;padding:9px 10px;background:#fff}
.approval-doc-chip-v303 b{font-size:.8rem;color:#0f172a;line-height:1.25}
.approval-doc-chip-v303 small{font-size:.76rem;color:#64748b}
.approval-doc-chip-v303.approved{border-color:rgba(22,163,74,.24);background:#f0fdf4}
.approval-doc-chip-v303.pending_review{border-color:rgba(37,99,235,.22);background:#eff6ff}
.approval-doc-chip-v303.revision_required,.approval-doc-chip-v303.rejected,.approval-doc-chip-v303.expired{border-color:rgba(245,158,11,.28);background:#fffbeb}
.approval-decision-form-v303{display:grid;grid-template-columns:.9fr 1.4fr auto auto;gap:12px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px dashed #e5e7eb}
.approval-decision-form-v303 .field{margin:0}
.decision-note-field-v303 textarea{min-height:46px}
.decision-warning-v303{font-size:.8rem;border-radius:12px;padding:10px 12px;max-width:240px;line-height:1.35}
.decision-warning-v303.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.decision-warning-v303.warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.approval-bottom-grid-v303{grid-template-columns:1.35fr .75fr;align-items:start}
.quick-doc-list-v303{display:grid;gap:10px;margin-top:14px}
.quick-doc-item-v303{display:grid;grid-template-columns:1.2fr .55fr 1fr .9fr auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}
.quick-doc-item-v303 textarea{min-height:48px}
.tiny-actions-v303{margin-top:8px;gap:6px}.tiny-actions-v303 .btn{padding:6px 9px;font-size:.78rem}
.approval-log-v303{max-height:720px;overflow:auto;padding-right:6px}
@media(max-width:1050px){
  .approval-filter-v303,.approval-decision-form-v303,.quick-doc-item-v303,.approval-bottom-grid-v303{grid-template-columns:1fr}
  .approval-client-head-v303{flex-direction:column}
  .approval-card-actions-v303{white-space:normal}
  .approval-doc-chip-v303{min-width:calc(50% - 8px)}
}
@media(max-width:640px){
  .approval-title-row-v303{align-items:flex-start}
  .approval-doc-chip-v303{min-width:100%;width:100%}
  .approval-meta-row-v303 span{width:100%}
  .approval-mini-stats-v303{grid-template-columns:1fr 1fr}
}

/* GOJAN v3.0.4 — Client Dashboard Polish & Verified Badge Final */
.client-status-panel-v304{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;align-items:stretch;border:1px solid rgba(15,23,42,.08);position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc)}
.client-status-panel-v304:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#94a3b8}.client-status-panel-v304.info:before{background:#2563eb}.client-status-panel-v304.success:before{background:#0f766e}.client-status-panel-v304.warning:before{background:#f97316}.client-status-panel-v304.danger:before{background:#991b1b}
.client-status-main-v304{min-width:0;padding-left:4px}.client-status-main-v304 h2{font-size:26px;letter-spacing:-.035em;line-height:1.12;margin:8px 0}.client-status-main-v304 p{margin:0;color:#475467;line-height:1.58;max-width:820px}.client-status-badges-v304{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.client-status-side-v304{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.client-status-side-v304>div{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px}.client-status-side-v304 span{display:block;color:#667085;font-size:12px;font-weight:850;margin-bottom:5px}.client-status-side-v304 strong{display:block;color:#0f172a;font-size:20px;letter-spacing:-.03em}.client-status-side-v304 .btn{grid-column:1/-1;justify-content:center}
.client-blocker-list-v304{margin:14px 0 0;padding:0;display:grid;gap:8px;list-style:none}.client-blocker-list-v304 li{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:14px;padding:9px 11px;font-size:13px;font-weight:750;line-height:1.35}
.client-status-panel-v304.success{background:linear-gradient(135deg,#f0fdfa,#fff)}.client-status-panel-v304.info{background:linear-gradient(135deg,#eff6ff,#fff)}.client-status-panel-v304.warning{background:linear-gradient(135deg,#fff7ed,#fff)}.client-status-panel-v304.danger{background:linear-gradient(135deg,#fef2f2,#fff)}
.client-dashboard-pro .client-hero-badges .pill{box-shadow:0 8px 18px rgba(15,23,42,.10)}

/* v3.0.4 — fix approval-center latest status layout */
.approval-history-card-v304{overflow:hidden}.approval-log-v304{display:grid;gap:10px;max-height:720px;overflow:auto;padding-right:6px;scrollbar-width:thin}.approval-log-item-v304{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:13px 14px;display:block!important;min-width:0}.approval-log-top-v304{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.approval-log-top-v304 strong{display:block;color:#0f172a;font-size:14px;line-height:1.25;min-width:0;overflow-wrap:anywhere}.approval-log-top-v304 .pill{flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-log-item-v304 small{display:block;margin-top:5px;color:#667085;font-size:12px;font-weight:800}.approval-log-item-v304 p{margin:8px 0 0;color:#475467;font-size:13px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.approval-log-v303 .timeline-item{display:block!important;grid-template-columns:none!important;overflow-wrap:anywhere;word-break:break-word}.approval-log-v303 .timeline-item strong,.approval-log-v303 .timeline-item span,.approval-log-v303 .timeline-item p{display:block!important;grid-column:auto!important;min-width:0;overflow-wrap:anywhere}.approval-log-v303 .timeline-item:not(:last-child):before{display:none!important}

@media(max-width:1050px){.client-status-panel-v304{grid-template-columns:1fr}.client-status-side-v304{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-log-top-v304 .pill{max-width:55%}}
@media(max-width:760px){.client-status-panel-v304{border-radius:24px;padding:18px}.client-status-main-v304 h2{font-size:22px}.client-status-side-v304{grid-template-columns:1fr}.approval-log-v304{max-height:none;overflow:visible;padding-right:0}.approval-log-top-v304{display:block}.approval-log-top-v304 .pill{display:inline-flex;max-width:100%;margin-top:8px}.approval-bottom-grid-v303{grid-template-columns:1fr!important}}

/* GOJAN v3.0.5 — Matching Pipeline & Request Connection Pro */
.request-connection-v305,
.matching-hero-v305{align-items:stretch;gap:18px}
.request-layout-v305{align-items:start}
.request-form-v305 textarea{min-height:104px}
.form-block-title{display:flex;align-items:flex-start;gap:12px;margin:18px 0 12px;padding:12px;border:1px solid #e7edf5;border-radius:16px;background:#f8fbff}
.form-block-title:first-of-type{margin-top:0}
.form-block-title span{width:34px;height:34px;border-radius:12px;background:#0e8ca5;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:0 0 auto}
.form-block-title strong{display:block;color:#172033;font-size:15px}
.form-block-title small{display:block;color:#64748b;margin-top:2px;line-height:1.45}
.status-ladder-v305{display:grid;gap:10px;margin-top:14px}
.status-ladder-v305 div{border:1px solid #e7edf5;border-radius:15px;padding:12px;background:#fff}
.status-ladder-v305 span{display:inline-flex;font-weight:800;color:#0f172a;margin-bottom:5px}
.status-ladder-v305 p{margin:0;color:#64748b;font-size:13px;line-height:1.45}
.subtle-warning-v305{margin-top:16px;text-align:left;line-height:1.5}
.request-queue-v305{margin:18px 0}
.request-queue-list-v305{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.request-queue-card-v305{border:1px solid #e7edf5;border-radius:18px;padding:14px;background:linear-gradient(180deg,#ffffff,#f9fbff);box-shadow:0 8px 22px rgba(15,23,42,.05);min-width:0}
.request-queue-card-v305 h3{font-size:16px;margin:10px 0 6px;line-height:1.25;word-break:break-word}
.request-queue-card-v305 .pill{margin-right:6px;margin-bottom:6px}
.compact-convert-form-v305{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.compact-convert-form-v305 .btn{width:100%;justify-content:center}
.compact-convert-form-v305 a.btn{display:flex;align-items:center}
.compact-convert-form-v305 select{min-width:0;border-radius:12px;border:1px solid #dbe5f1;padding:9px 10px;background:#fff}
.pipeline-board-v305{grid-template-columns:repeat(7,minmax(230px,1fr));overflow-x:auto;padding-bottom:8px}
.pipeline-board-v305 .pipeline-column{min-width:230px}
.pipeline-board-v305 .pipeline-card h3{overflow-wrap:anywhere}
.linked-pipeline-v305{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.linked-pipeline-v305 h2{margin:4px 0}.linked-pipeline-v305 p{margin:0}
.matching-convert-v305 .linked-pipeline-box{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e7edf5;border-radius:16px;padding:12px;background:#f8fbff;margin:12px 0;overflow-wrap:anywhere}
.inline-convert-form-v305{margin-top:12px}.inline-convert-form-v305 .field{margin-bottom:10px}
.status-timeline-v305 .timeline-item p{overflow-wrap:anywhere;line-height:1.45}.status-timeline-v305 .timeline-item small{display:block;margin-top:4px}
.request-admin-v305 .progress-wrap,.request-detail-v305 .progress-wrap{max-width:560px;margin-top:12px}
@media (max-width:1200px){.request-queue-list-v305{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-board-v305{grid-template-columns:repeat(7,230px)}}
@media (max-width:820px){.request-layout-v305,.grid.matching-layout{grid-template-columns:1fr!important}.request-queue-list-v305{grid-template-columns:1fr}.compact-convert-form-v305{grid-template-columns:1fr}.linked-pipeline-v305,.matching-convert-v305 .linked-pipeline-box{align-items:flex-start;flex-direction:column}.pipeline-board-v305{display:flex;gap:12px;overflow-x:auto}.pipeline-board-v305 .pipeline-column{min-width:82vw}.form-block-title{padding:10px}.form-block-title span{width:30px;height:30px}.request-form-v305 .grid-2,.request-form-v305 .grid-3{grid-template-columns:1fr!important}}

/* GOJAN v3.0.6 — Deal Room & Negotiation Tracker Pro */
.deal-room-page .deal-room-hero,
.deal-room-detail-page .deal-room-hero{
  background:linear-gradient(135deg,#0f766e 0%,#0b4f6c 55%,#172554 100%);
  color:#fff;
  border:0;
}
.deal-room-hero .eyebrow,.deal-room-hero p,.deal-room-hero .muted{color:rgba(255,255,255,.86)!important}
.deal-room-stats{margin:16px 0}
.deal-create-card summary{cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.deal-create-form{margin-top:14px}
.deal-room-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.deal-room-row{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.deal-room-row:hover{border-color:#99f6e4;box-shadow:0 14px 34px rgba(15,118,110,.08)}
.deal-room-main{min-width:0;flex:1}
.deal-room-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.deal-room-title-line strong{font-size:17px;color:#0f172a;line-height:1.25;word-break:break-word}
.deal-room-main p{margin:4px 0 10px;color:#475569;line-height:1.55}
.deal-room-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;color:#64748b;font-size:13px}
.deal-room-actions,.deal-doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}
.progress-wrap.mini{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:8px 0;max-width:520px}
.deal-client-summary p{white-space:normal;word-break:break-word}
.deal-timeline .timeline-item strong{display:block;word-break:break-word}
.deal-doc-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.deal-doc-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}
.deal-doc-row strong{display:block;color:#0f172a;word-break:break-word}
.deal-doc-row small{display:block;color:#64748b;margin-top:3px;word-break:break-word}
.soft-note{margin-top:14px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}
.soft-note p{margin:8px 0 0;color:#475569}
.client-deal-row{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.deal-room-client-hero{align-items:stretch}
.deal-public-summary-card{margin-top:16px}
.deal-public-summary-card .progress-wrap{margin-bottom:12px}
@media (max-width:900px){
  .deal-room-row,.deal-doc-row{flex-direction:column;align-items:stretch}
  .deal-room-actions,.deal-doc-actions{justify-content:flex-start}
  .deal-room-meta{flex-direction:column;gap:6px}
  .deal-create-card summary{display:block}
  .deal-room-detail-grid{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .deal-room-row{padding:13px;border-radius:14px}
  .deal-room-title-line{align-items:flex-start;flex-direction:column}
  .deal-room-title-line strong{font-size:15px}
  .deal-room-main p{font-size:13px}
  .progress-wrap.mini{grid-template-columns:1fr}
}


/* GOJAN v3.0.6.1 — Deal Room Timeline Layout Hotfix */
.premium-timeline .timeline-item{display:block!important;min-width:0;width:100%;overflow-wrap:anywhere;word-break:break-word}
.premium-timeline .timeline-item strong,.premium-timeline .timeline-item span,.premium-timeline .timeline-item p,.premium-timeline .timeline-item small{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.premium-timeline .timeline-item .pill{display:inline-flex!important;width:auto;max-width:100%;margin-top:0;vertical-align:middle}
.deal-timeline,.deal-doc-list{min-width:0}
.matching-detail-layout>.card,.matching-detail-layout>section{min-width:0}
.deal-timeline .timeline-item{padding-left:16px}
.deal-timeline .timeline-item:before{left:-6px;top:18px}

/* GOJAN v3.1.0 — Portal UI Pro Reset & Navigation Simplification */
body.area-trade.is-logged-in,
body.area-admin.is-logged-in{background:linear-gradient(180deg,#f6fafc 0%,#f3f7fb 42%,#eef6f3 100%)!important;color:#0f172a!important}
body.area-trade.is-logged-in .card,
body.area-admin.is-logged-in .card{border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;box-shadow:0 14px 38px rgba(15,23,42,.065)!important;background:rgba(255,255,255,.96)!important;transform:none!important}
body.area-trade.is-logged-in .card:hover,
body.area-admin.is-logged-in .card:hover{transform:none!important;box-shadow:0 16px 44px rgba(15,23,42,.08)!important}
body.area-trade.is-logged-in .section-title h2,
body.area-admin.is-logged-in .section-title h2{letter-spacing:-.035em;color:#0f172a!important}
body.area-trade.is-logged-in .btn,
body.area-admin.is-logged-in .btn{border-radius:14px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(15,118,110,.14)!important}
body.area-trade.is-logged-in .btn.light,
body.area-admin.is-logged-in .btn.light{box-shadow:none!important;background:#f1f5f9!important;color:#0f172a!important;border:1px solid #e2e8f0!important}
body.area-trade.is-logged-in .input,
body.area-trade.is-logged-in select,
body.area-trade.is-logged-in textarea,
body.area-admin.is-logged-in .input,
body.area-admin.is-logged-in select,
body.area-admin.is-logged-in textarea{border-radius:14px!important;border-color:#dbe4ee!important;background:#fff!important}
body.area-trade.is-logged-in .table,
body.area-admin.is-logged-in .table{border-radius:18px!important;overflow:hidden!important;border-color:#e2e8f0!important}
body.area-trade.is-logged-in .table th,
body.area-admin.is-logged-in .table th{background:#f8fafc!important;color:#475569!important;font-weight:900!important}

.area-trade .client-topbar-v310{position:sticky!important;top:0!important;z-index:140!important;display:block!important;min-height:auto!important;padding:0!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e6edf5!important;box-shadow:0 10px 32px rgba(15,23,42,.055)!important;backdrop-filter:blur(18px)!important}
.client-topbar-v310 .client-topbar-inner{display:grid!important;grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;max-width:1760px!important;margin:0 auto!important;padding:12px 24px!important}
.client-topbar-v310 .client-brand-pro{height:58px!important;gap:12px!important;align-items:center!important}
.client-topbar-v310 .client-brand-logo{width:64px!important;height:50px!important;justify-content:flex-start!important}
.client-topbar-v310 .client-brand-logo .app-logo-header{max-width:60px!important;max-height:48px!important;object-fit:contain!important}
.client-topbar-v310 .client-brand-copy strong{font-size:17px!important;letter-spacing:.22em!important;line-height:1!important;color:#0f172a!important;font-weight:950!important}
.client-topbar-v310 .client-brand-copy small{display:block!important;font-size:10.5px!important;letter-spacing:.06em!important;color:#667085!important;text-transform:uppercase!important;margin-top:6px!important;max-width:none!important}
.client-topbar-v310 .client-nav-main{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;padding:2px!important}
.client-topbar-v310 .client-nav-main::-webkit-scrollbar{display:none!important}
.client-topbar-v310 .client-nav-link{height:40px!important;padding:0 13px!important;border-radius:999px!important;font-size:13.5px!important;font-weight:950!important;color:#334155!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;flex:0 0 auto!important;letter-spacing:0!important}
.client-topbar-v310 .client-nav-link:hover{background:#f0fdfa!important;color:#0f766e!important}
.client-topbar-v310 .client-nav-link.active{background:#0f766e!important;color:#fff!important;box-shadow:0 14px 28px rgba(15,118,110,.18)!important}
.client-topbar-v310 .nav-dot{min-width:22px!important;height:22px!important;padding:0 7px!important;margin-left:4px!important;display:inline-grid!important;place-items:center!important;font-size:11px!important;border-radius:999px!important;background:#f97316!important;color:#fff!important;line-height:1!important}
.client-topbar-v310 .client-nav-link.active .nav-dot{background:#fff!important;color:#f97316!important}
.client-nav-avatar,.client-profile-chip-avatar{width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff;font-size:12px;font-weight:950;flex:0 0 auto;box-shadow:0 8px 18px rgba(15,118,110,.18)}
.client-nav-avatar img,.client-profile-chip-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.client-topbar-v310 .client-nav-profile-link{padding-left:7px!important;gap:7px!important}
.client-profile-chip{height:42px;display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:4px 10px 4px 6px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#0f172a;text-decoration:none;font-size:13px;font-weight:950;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.client-profile-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.client-profile-chip:hover{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}
.client-topbar-v310 .client-top-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;white-space:nowrap!important}
.client-topbar-v310 .client-logout-btn{height:42px!important;padding:0 16px!important;border-radius:999px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important;box-shadow:none!important}
.client-topbar-v310 .client-logout-btn:hover{background:#ffedd5!important;color:#7c2d12!important}
.area-trade .client-mobile-nav{border-bottom:1px solid #e6edf5!important;background:rgba(255,255,255,.985)!important}
@media(max-width:1450px){.client-topbar-v310 .client-topbar-inner{grid-template-columns:minmax(160px,210px) minmax(0,1fr) auto!important;padding:11px 18px!important;gap:10px!important}.client-topbar-v310 .client-brand-copy small{display:none!important}.client-topbar-v310 .client-brand-copy strong{font-size:15.5px!important}.client-topbar-v310 .client-nav-link{height:38px!important;padding:0 10px!important;font-size:12.8px!important}.client-profile-chip{max-width:150px}}
@media(max-width:1160px){.client-topbar-v310 .client-topbar-inner{display:flex!important;justify-content:space-between!important;align-items:center!important}.client-topbar-v310 .client-nav-main{display:none!important}.area-trade .client-mobile-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:9px 18px 12px!important;scrollbar-width:none!important}.area-trade .client-mobile-nav::-webkit-scrollbar{display:none!important}.area-trade .client-mobile-nav .client-nav-link{flex:0 0 auto!important;background:#f1f5f9!important;color:#334155!important;height:38px!important;padding:0 13px!important;border-radius:999px!important;font-size:13px!important;font-weight:950!important;box-shadow:none!important}.area-trade .client-mobile-nav .client-nav-link.active{background:#0f766e!important;color:#fff!important}.area-trade .client-mobile-nav .client-nav-link.logout{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}.client-profile-chip span:last-child{display:none}.client-profile-chip{padding:4px;max-width:none}}
@media(max-width:760px){.client-topbar-v310 .client-topbar-inner{padding:9px 14px!important;min-height:62px!important}.client-topbar-v310 .client-brand-pro{height:46px!important}.client-topbar-v310 .client-brand-logo{width:48px!important;height:42px!important}.client-topbar-v310 .client-brand-logo .app-logo-header{max-width:46px!important;max-height:38px!important}.client-topbar-v310 .client-brand-copy strong{font-size:14px!important;letter-spacing:.18em!important}.client-topbar-v310 .client-logout-btn{display:none!important}.area-trade .client-mobile-nav{padding:8px 14px 10px!important;gap:7px!important}.area-trade .client-mobile-nav .client-nav-link{height:35px!important;padding:0 11px!important;font-size:12px!important}.client-nav-avatar{width:24px;height:24px}.client-profile-chip-avatar{width:32px;height:32px}.area-trade .container{padding:18px 14px!important}}

body.area-admin .admin-topbar-v310{height:76px!important;min-height:76px!important;padding:0 32px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e6edf5!important;box-shadow:0 10px 30px rgba(15,23,42,.055)!important;backdrop-filter:blur(16px)!important}
body.area-admin .admin-topbar-v310 .brand-powered{font-size:13px!important;color:#667085!important;font-weight:900!important;max-width:230px!important;line-height:1.35!important}
body.area-admin .admin-topbar-v310 .topnav{gap:8px!important}
body.area-admin .admin-topbar-v310 .topnav a{height:40px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:0 14px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important}
body.area-admin .admin-topbar-v310 .topnav a:hover{background:#f0fdfa!important;color:#0f766e!important;border-color:#99f6e4!important}
body.area-admin .admin-topbar-v310 .topnav-danger{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
body.area-admin .container.admin-shell,body.area-admin main.admin-shell{padding:26px 34px!important;grid-template-columns:248px minmax(0,1fr)!important;gap:22px!important}
body.area-admin .admin-shell>.admin-sidebar{width:248px!important;border-radius:24px!important;padding:14px!important;background:rgba(255,255,255,.96)!important;border:1px solid #e2e8f0!important;box-shadow:0 16px 40px rgba(15,23,42,.075)!important;scrollbar-width:thin!important}
body.area-admin .admin-sidebar .admin-sidebar-head{border-bottom:1px solid #eef2f7!important;margin-bottom:8px!important;padding-bottom:12px!important}
body.area-admin .admin-menu-group{margin-top:8px!important}
body.area-admin .admin-menu-label{font-size:11px!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#94a3b8!important;font-weight:950!important;margin:14px 8px 7px!important}
body.area-admin .admin-nav-link{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 9px!important;border-radius:16px!important;color:#334155!important;background:transparent!important;line-height:1.2!important;text-decoration:none!important}
body.area-admin .admin-nav-link:hover{background:#f0fdfa!important;color:#0f766e!important}
body.area-admin .admin-nav-link.active{background:linear-gradient(135deg,#0f766e,#0ea5e9)!important;color:#fff!important;box-shadow:0 12px 26px rgba(15,118,110,.18)!important}
body.area-admin .admin-nav-icon{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;color:#0f766e!important;font-size:11px!important;font-weight:950!important;letter-spacing:0!important}
body.area-admin .admin-nav-link.active .admin-nav-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
body.area-admin .admin-shell>.content{min-width:0!important}
body.area-admin .admin-shell .dash-hero,
body.area-trade .client-command-hero,
body.area-trade .client-mobile-hero{border-radius:30px!important;box-shadow:0 20px 48px rgba(15,23,42,.12)!important}
body.area-admin .admin-shell .table-wrap,
body.area-trade .table-wrap{overflow-x:auto!important;border-radius:18px!important}
@media(max-width:1180px){body.area-admin .container.admin-shell,body.area-admin main.admin-shell{grid-template-columns:1fr!important;padding:18px 14px!important}body.area-admin .admin-shell>.admin-sidebar{position:static!important;width:100%!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.area-admin .admin-sidebar .admin-sidebar-head{grid-column:1/-1!important}body.area-admin .admin-menu-group{margin-top:0!important}.admin-menu-label{margin-top:8px!important}}
@media(max-width:760px){body.area-admin .admin-topbar-v310{height:auto!important;min-height:auto!important;padding:12px 14px!important;align-items:flex-start!important;gap:10px!important;flex-direction:column!important}body.area-admin .admin-topbar-v310 .topnav{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}body.area-admin .admin-shell>.admin-sidebar{grid-template-columns:1fr!important;border-radius:20px!important}.admin-menu-label{margin-left:4px!important}.admin-nav-link{border-radius:14px!important}}

/* v3.1.0: hide old client AI entry points from visual navigation; file redirects to Peluang */
a[href="/trade/ai-search.php"]{display:none!important}


/* GOJAN v3.1.1 — Admin Control Panel Final Polish & Client Profile Menu Cleanup */
.client-topbar-v310 .client-nav-main .client-nav-link[href="/trade/profile.php"],
.client-mobile-nav .client-nav-link[href="/trade/profile.php"]{display:none!important}
.client-profile-chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 10px 6px 6px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.client-profile-chip-avatar,.client-nav-avatar{width:34px;height:34px;border-radius:999px;display:inline-grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff;font-weight:900;flex:0 0 auto}
.client-profile-chip-avatar img,.client-nav-avatar img{width:100%;height:100%;object-fit:cover}
.admin-sidebar{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-right:1px solid #e5e7eb}
.admin-sidebar-head{border:1px solid #eef2f7;background:#fff;border-radius:22px;padding:14px;margin-bottom:14px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.admin-menu-group{margin-bottom:16px}
.admin-menu-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:900;margin:14px 8px 8px}
.admin-nav-link{display:flex!important;align-items:center;gap:10px;border-radius:15px;padding:11px 12px;margin:3px 0;color:#334155!important;text-decoration:none!important;font-weight:850!important}
.admin-nav-link:hover{background:#f0fdfa!important;color:#0f766e!important}
.admin-nav-link.active{background:linear-gradient(135deg,#0f766e,#0ea5e9)!important;color:#fff!important;box-shadow:0 12px 26px rgba(15,118,110,.20)}
.admin-nav-icon{width:30px;height:30px;border-radius:11px;display:inline-grid;place-items:center;background:#f1f5f9;color:#475569;font-size:11px;font-weight:950;flex:0 0 auto}
.admin-nav-link.active .admin-nav-icon{background:rgba(255,255,255,.20);color:#fff}
.admin-topbar-v310{box-shadow:0 10px 26px rgba(15,23,42,.06)}
.area-admin .table{display:block;overflow-x:auto;white-space:nowrap}
.area-admin .card{overflow:hidden}
.area-admin .empty{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;color:#64748b;padding:18px;text-align:center;font-weight:800}
.area-admin .btn,.area-admin button.btn{min-height:40px}
@media(max-width:1020px){
  .client-topbar-v310 .client-top-tools .client-profile-chip span:not(.client-profile-chip-avatar){display:none}
  .client-mobile-nav{gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
  .client-mobile-nav .client-nav-link{flex:0 0 auto}
}
@media(max-width:760px){
  .area-admin .admin-sidebar{border-right:0;border-bottom:1px solid #e5e7eb}
  .admin-nav-link{padding:10px 11px}
  .admin-menu-label{margin-top:10px}
}


/* GOJAN v3.1.2 — Mobile UX Final Sweep & Empty Page Cleanup */
:where(.area-admin,.area-trade) .container{max-width:1240px}
:where(.area-admin,.area-trade) .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
:where(.area-admin,.area-trade) .section-title h1,
:where(.area-admin,.area-trade) .section-title h2,
:where(.area-admin,.area-trade) .section-title h3{min-width:0;overflow-wrap:anywhere}
:where(.area-admin,.area-trade) .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:where(.area-admin,.area-trade) .actions .btn,
:where(.area-admin,.area-trade) .compact-actions .btn{white-space:nowrap}
:where(.area-admin,.area-trade) .card,
:where(.area-admin,.area-trade) .hero-card{min-width:0}
:where(.area-admin,.area-trade) .grid,
:where(.area-admin,.area-trade) .grid-2,
:where(.area-admin,.area-trade) .grid-3,
:where(.area-admin,.area-trade) .grid-4{min-width:0}
:where(.area-admin,.area-trade) .table,
:where(.area-admin,.area-trade) table{max-width:100%}
:where(.area-admin,.area-trade) .table td,
:where(.area-admin,.area-trade) .table th{vertical-align:top}
:where(.area-admin,.area-trade) .pill{line-height:1.25;white-space:normal;max-width:100%;overflow-wrap:anywhere}
:where(.area-admin,.area-trade) .empty,
.empty-state-pro{border:1px dashed #cbd5e1;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fafc);color:#64748b;padding:22px;text-align:center;font-weight:800;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.empty-state-pro h2,.empty-state-pro h3{margin:0 0 6px;color:#0f172a;letter-spacing:-.02em}
.empty-state-pro p{margin:0 auto;color:#64748b;max-width:560px;font-weight:650}
.error-page-pro{min-height:70vh;display:grid;place-items:center;padding:40px 18px;background:radial-gradient(circle at top left,#e6fffb 0,#f8fafc 38%,#ffffff 100%)}
.error-card-pro{max-width:720px;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.12);text-align:center}
.error-code-pro{display:inline-grid;place-items:center;min-width:86px;height:48px;border-radius:999px;background:#f0fdfa;color:#0f766e;font-weight:950;margin-bottom:12px}
.error-card-pro h1{font-size:36px;line-height:1.1;margin:0 0 10px;letter-spacing:-.04em}
.error-card-pro p{color:#64748b;margin:0 auto 18px;max-width:540px}
.error-actions-pro{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
body.area-admin .admin-shell>.content,
body.area-trade .client-shell{min-width:0!important}
body.area-admin .admin-shell>.content > *,
body.area-trade .client-shell > *{min-width:0}
body.area-admin .admin-shell .table,
body.area-admin .admin-shell table{display:block;overflow-x:auto;white-space:nowrap;border-radius:18px}
body.area-admin .admin-shell table td,
body.area-admin .admin-shell table th{min-width:max-content}
body.area-trade .client-nav-main{min-width:0}
body.area-trade .client-topbar-inner{min-width:0}
body.area-trade .client-top-tools{flex-shrink:0}
body.area-trade .client-mobile-nav{border-top:1px solid #e5e7eb}
@media(max-width:1180px){
  body.area-trade .client-topbar-inner{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important}
  body.area-trade .client-nav-main{grid-column:1/-1!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:2px!important;scrollbar-width:thin!important}
  body.area-trade .client-nav-main .client-nav-link{flex:0 0 auto!important}
}
@media(max-width:900px){
  .grid-2,.grid-3,.grid-4,
  .area-admin .grid-2,.area-admin .grid-3,.area-admin .grid-4,
  .area-trade .grid-2,.area-trade .grid-3,.area-trade .grid-4{grid-template-columns:1fr!important}
  .request-hero,.request-detail-hero,.matching-layout,.matching-detail-layout,
  .verification-detail-layout,.verification-timeline-layout,
  .deal-room-detail-grid,.deal-room-client-hero,
  .client-command-hero{grid-template-columns:1fr!important}
  .doc-review-body{grid-template-columns:1fr!important}
  .profile-summary-grid{grid-template-columns:1fr!important}
  .profile-summary-grid .span-2{grid-column:auto!important}
}
@media(max-width:720px){
  body{background:#f8fafc}
  .container{padding:18px 12px!important}
  .card,.hero-card{border-radius:20px!important;padding:16px!important}
  .dash-hero,.client-command-hero,.client-mobile-hero,.request-hero,.request-detail-hero{border-radius:22px!important;padding:18px!important}
  .dash-hero h1,.client-command-hero h1,.client-mobile-hero h1,.request-hero h1,.request-detail-hero h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .section-title{gap:8px!important}
  .section-title .btn,.actions .btn,.compact-actions .btn{width:auto;max-width:100%}
  .actions{align-items:stretch!important}
  .actions .btn{flex:1 1 auto}
  .table th,.table td{padding:10px 11px!important;font-size:13px!important}
  .btn{border-radius:13px;padding:10px 13px}
  .pill{font-size:11px;padding:4px 8px}
  .form{gap:11px}
  .input,select,textarea{padding:11px 12px;border-radius:12px}
  .client-profile-chip{padding:4px!important}
  .client-profile-chip span:not(.client-profile-chip-avatar){display:none!important}
  .client-profile-chip-avatar{width:36px!important;height:36px!important}
  .error-card-pro{border-radius:22px;padding:24px 18px}
  .error-card-pro h1{font-size:28px}
}
@media(max-width:460px){
  .client-mobile-nav,.client-nav-main,.topnav{overflow-x:auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;scrollbar-width:thin!important}
  .client-mobile-nav .client-nav-link,.client-nav-main .client-nav-link,.topnav a{flex:0 0 auto!important}
  .admin-sidebar-head.logo-head{display:flex!important}
  body.area-admin .admin-shell>.admin-sidebar{padding:12px!important}
  .admin-nav-link{font-size:13px!important}
}


/* GOJAN v3.1.3 — Clean URL polish */
.clean-url-note{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:16px;padding:12px 14px;font-weight:750}


/* GOJAN v3.1.5 — Backup, Restore & Disaster Recovery Pro */
.backup-pro-page .backup-hero .actions form{margin:0}
.backup-kpi-grid .stat strong{letter-spacing:-.035em}
.backup-action-grid{align-items:stretch}
.backup-action-card{display:flex;flex-direction:column;gap:10px}
.backup-action-card h2{margin:4px 0 0}
.backup-action-card p{flex:1}
.backup-history-list{display:grid;gap:14px;margin-top:12px}
.backup-history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06);min-width:0}
.backup-history-main{min-width:0}
.backup-title-line{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.backup-history-card h3{margin:0;color:#0f172a;letter-spacing:-.02em;overflow-wrap:anywhere}
.backup-history-card p{margin:8px 0 0;color:#475569;overflow-wrap:anywhere;line-height:1.5}
.backup-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:7px;color:#64748b;font-size:13px;font-weight:750}
.backup-actions{display:flex;gap:8px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;min-width:220px}
.restore-details{position:relative}
.restore-details summary{list-style:none;cursor:pointer}
.restore-details summary::-webkit-details-marker{display:none}
.restore-form{position:absolute;right:0;top:48px;z-index:30;width:310px;display:grid;gap:8px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:12px;box-shadow:0 20px 50px rgba(15,23,42,.16)}
.restore-form label{font-weight:900;font-size:12px;color:#475569}
.update-backup-reminder{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#f0fdfa)}
.update-backup-reminder h2{margin:0 0 4px}
.update-backup-reminder p{margin:0}
@media(max-width:900px){
  .backup-history-card{grid-template-columns:1fr}
  .backup-actions{justify-content:flex-start;min-width:0}
  .restore-form{position:static;width:100%;margin-top:8px}
  .update-backup-reminder{display:grid}
}
@media(max-width:640px){
  .backup-history-card{padding:14px;border-radius:16px}
  .backup-actions{display:grid;width:100%;grid-template-columns:1fr}
  .backup-actions .btn,.backup-actions form,.backup-actions details{width:100%}
  .backup-actions button,.backup-actions a{width:100%}
}


/* GOJAN v3.1.6 — Client Portal Final Experience & Self-Service Pro */
.client-dashboard-pro{max-width:1180px}
.client-next-focus-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;border:1px solid rgba(15,118,110,.14);background:linear-gradient(135deg,#ffffff 0%,#f0fdfa 58%,#eff6ff 100%);box-shadow:0 18px 46px rgba(15,23,42,.09)}
.client-next-focus-card.billing{background:linear-gradient(135deg,#fff 0%,#fff7ed 56%,#eff6ff 100%);border-color:#fed7aa}
.client-next-focus-card.deal{background:linear-gradient(135deg,#fff 0%,#ecfdf3 54%,#f0f9ff 100%);border-color:#bbf7d0}
.client-next-focus-card.request,.client-next-focus-card.opportunity{background:linear-gradient(135deg,#fff 0%,#eff6ff 58%,#f8fafc 100%);border-color:#bfdbfe}
.client-next-focus-main{min-width:0}
.client-next-focus-main h2{margin:8px 0 6px;font-size:28px;line-height:1.1;letter-spacing:-.035em;color:#0f172a}
.client-next-focus-main p{margin:0;color:#475569;max-width:720px}
.client-next-focus-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.client-self-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.self-service-card{padding:16px!important;border-radius:20px!important;text-decoration:none;display:flex;flex-direction:column;gap:10px;min-height:150px;background:linear-gradient(180deg,#fff,#fbfdff)}
.self-service-card:hover{transform:translateY(-2px);border-color:#99f6e4}
.self-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.self-service-top strong{font-size:16px;color:#0f172a;overflow-wrap:anywhere}
.self-service-card p{margin:0;color:#64748b;font-size:13px;line-height:1.45;flex:1}
.self-service-button{font-weight:900;color:#0f766e;font-size:13px}
.client-action-grid-final .quick-card{min-height:180px}
.client-action-grid-final .quick-card .icon{background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff}
.client-dashboard-pro .empty-state-pro{padding:18px;border-radius:18px;text-align:left}
.client-dashboard-pro .empty-state-pro h3{font-size:17px}
.client-dashboard-pro .empty-state-pro p{margin-left:0}
.client-smart-search{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr) auto;gap:14px;align-items:center}
.client-smart-search h2{margin:6px 0 4px}
.client-smart-search p{margin:0}
.client-kpi-row .stat{min-height:134px}
.client-main-columns .card{height:max-content}
@media(max-width:1180px){
  .client-self-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .client-smart-search{grid-template-columns:1fr}
  .client-smart-search .btn{justify-self:start}
}
@media(max-width:820px){
  .client-next-focus-card{display:grid;padding:18px!important}
  .client-next-focus-actions{justify-content:flex-start}
  .client-self-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-next-focus-main h2{font-size:24px}
}
@media(max-width:560px){
  .client-self-service-grid{grid-template-columns:1fr}
  .client-next-focus-actions{display:grid;width:100%;grid-template-columns:1fr}
  .client-next-focus-actions .btn{width:100%}
  .self-service-card{min-height:auto}
  .client-smart-search .btn{width:100%}
}


/* GOJAN v3.1.7 — Company Database & Opportunity Page Final Polish */
.opportunity-page-pro{max-width:1180px}
.opportunity-hero-pro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:stretch;border-radius:32px;padding:30px;background:linear-gradient(135deg,#063b33,#0f766e 52%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14);overflow:hidden;position:relative}
.opportunity-hero-pro:after{content:"";position:absolute;right:-70px;bottom:-90px;width:280px;height:280px;border-radius:999px;background:rgba(217,154,43,.30)}
.opportunity-hero-pro>*{position:relative;z-index:1}
.opportunity-hero-pro h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}
.opportunity-hero-pro p{color:rgba(255,255,255,.86);max-width:760px;margin:0}
.opportunity-hero-pro .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.opportunity-hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}
.opportunity-hero-search .input{border-color:rgba(255,255,255,.25);box-shadow:0 12px 26px rgba(15,23,42,.08)}
.opportunity-hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.opportunity-hero-panel>div{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:22px;padding:16px;backdrop-filter:blur(10px)}
.opportunity-hero-panel span{display:block;color:rgba(255,255,255,.78);font-size:12px;font-weight:850}
.opportunity-hero-panel strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:4px}
.opportunity-usage-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}
.opportunity-usage-strip p{margin:4px 0 0}
.opportunity-filter-shell{margin-top:18px}
.quick-filter-row-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.quick-filter-pill{display:block;text-decoration:none;border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:15px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.quick-filter-pill:hover,.quick-filter-pill.active{border-color:#99f6e4;background:#f0fdfa}
.quick-filter-pill strong{display:block;color:#0f172a}
.quick-filter-pill span{display:block;color:#64748b;font-size:13px;margin-top:3px}
.opportunity-filter-card{padding:18px!important}
.opportunity-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.opportunity-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mini-insight-card{padding:16px!important}
.mini-insight-card>strong{display:block;margin-bottom:10px;color:#0f172a}
.mini-pill-list{display:flex;gap:8px;flex-wrap:wrap}
.mini-pill-list a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:850;color:#334155}
.mini-pill-list a:hover{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}
.mini-pill-list span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px}
.opportunity-result-title{align-items:flex-start}
.opportunity-results-pro{gap:14px}
.opportunity-company-card{border-radius:24px!important;overflow:hidden;position:relative}
.opportunity-company-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0f766e,#0ea5e9)}
.company-main-block{min-width:0}
.company-badge-line{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.opportunity-score-box{background:linear-gradient(180deg,#fff,#f8fafc)}
.opportunity-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opportunity-card-meta span{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:10px;color:#475569;font-size:13px}
.opportunity-card-meta strong{display:block;color:#0f172a;font-size:12px;margin-bottom:2px}
.opportunity-card-actions{margin-top:2px}
.opportunity-empty{text-align:center}
.company-detail-page-pro{max-width:1120px}
.company-detail-hero-pro{grid-template-columns:minmax(0,1fr) 220px!important;align-items:stretch;background:linear-gradient(135deg,#fff,#f0fdfa 55%,#eff6ff)}
.company-detail-main{min-width:0}
.company-detail-hero-pro h1{font-size:42px!important}
.score-panel-pro{display:grid;place-items:center;text-align:center;min-width:0}
.company-detail-kpi-pro .detail-info{min-height:132px}
.company-detail-layout-pro .card{height:max-content}
.company-fit-list .list-item{border-radius:16px}
.contact-lock-pro{background:linear-gradient(180deg,#fff,#f8fafc)}
.safe-flow-list{display:grid;gap:10px;margin-top:14px}
.safe-flow-list>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px}
.safe-flow-list span{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#f0fdfa;color:#0f766e;font-weight:950}
.safe-flow-list strong{display:block;color:#0f172a}
.safe-flow-list small{display:block;color:#64748b;margin-top:2px}
.company-source-card-pro{background:linear-gradient(180deg,#fff,#fbfdff)}
.similar-company-card{min-height:176px}
.area-admin .company-admin-table .actions{gap:6px}
.area-admin .company-admin-table .btn{padding:8px 10px;font-size:12px;border-radius:12px}
.area-admin .company-csv-import-panel,.area-admin .smart-search-panel{border-radius:24px}
@media(max-width:1050px){
  .opportunity-hero-pro{grid-template-columns:1fr}
  .opportunity-hero-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
  .opportunity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-detail-hero-pro{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .quick-filter-row-pro,.opportunity-insight-grid,.opportunity-hero-panel,.opportunity-card-meta{grid-template-columns:1fr 1fr}
  .opportunity-hero-search{grid-template-columns:1fr}
  .opportunity-hero-search .btn{width:100%}
  .opportunity-hero-pro h1,.company-detail-hero-pro h1{font-size:31px!important}
}
@media(max-width:620px){
  .opportunity-hero-pro{border-radius:24px;padding:20px}
  .quick-filter-row-pro,.opportunity-insight-grid,.opportunity-hero-panel,.opportunity-filter-grid,.opportunity-card-meta{grid-template-columns:1fr}
  .opportunity-usage-strip{display:grid}
  .opportunity-usage-strip .actions{display:grid;grid-template-columns:1fr}
  .opportunity-usage-strip .btn,.opportunity-card-actions .btn,.opportunity-card-actions form,.opportunity-card-actions button{width:100%}
  .company-card-head{gap:12px}
  .opportunity-score-box{text-align:left;width:100%}
}


/* GOJAN v3.1.8 — Request Connection Final Flow & Client Submission Polish */
.request-submit-page-pro,.request-list-page-pro,.request-detail-page-pro{max-width:1120px}
.request-submit-hero,.request-list-hero,.request-detail-hero-pro{display:grid!important;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:stretch;background:linear-gradient(135deg,#fff,#f0fdfa 55%,#eff6ff);border-radius:28px!important}
.request-list-hero{grid-template-columns:minmax(0,1fr) auto}
.request-submit-hero h1,.request-list-hero h1,.request-detail-hero-pro h1{font-size:38px;line-height:1.07;letter-spacing:-.04em;margin:8px 0 10px}
.request-company-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:rgba(255,255,255,.78)}
.request-company-inline strong{color:#0f172a}
.request-submit-score{display:grid;place-items:center;text-align:center}
.request-submit-layout{align-items:start}
.request-submit-form{gap:16px}
.request-optional-details{border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;overflow:hidden}
.request-optional-details summary{cursor:pointer;padding:14px 16px;font-weight:900;color:#0f172a;list-style:none}
.request-optional-details summary::-webkit-details-marker{display:none}
.request-optional-body{display:grid;gap:14px;padding:0 16px 16px}
.request-submit-actions .btn{min-width:150px}
.request-flow-card{position:sticky;top:100px}
.request-flow-vertical{display:grid;gap:10px;margin-top:14px}
.request-flow-vertical>div{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;position:relative}
.request-flow-vertical>div span{grid-row:span 2;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#f1f5f9;color:#475569;font-weight:950}
.request-flow-vertical>div.active span{background:#0f766e;color:#fff}
.request-flow-vertical strong{display:block;color:#0f172a}
.request-flow-vertical small{display:block;color:#64748b}
.request-list-hero .request-hero-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.request-kpi-grid{margin-top:18px}
.request-filter-pro{grid-template-columns:minmax(0,1fr) auto auto!important;margin-top:18px}
.request-list-pro{gap:14px}
.request-card-pro{border-radius:24px!important;overflow:hidden;position:relative}
.request-card-pro:before,.request-admin-card-pro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0f766e,#0ea5e9)}
.request-tracker-mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}
.request-tracker-mini span{display:grid;place-items:center;min-height:34px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:900;text-align:center;padding:4px 8px}
.request-tracker-mini span.done{background:#ecfdf3;color:#067647;border-color:#bbf7d0}
.request-tracker-mini span.rejected{background:#fef3f2;color:#b42318;border-color:#fecaca}
.request-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.request-tracking-card-pro{background:linear-gradient(180deg,#fff,#fbfdff)}
.request-tracker-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.request-tracker-steps>div{border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;padding:13px;text-align:center;min-height:112px}
.request-tracker-steps>div span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#e2e8f0;color:#475569;font-weight:950;margin:0 auto 8px}
.request-tracker-steps>div.done{background:#ecfdf3;border-color:#bbf7d0}
.request-tracker-steps>div.done span{background:#0f766e;color:#fff}
.request-tracker-steps>div.rejected{background:#fef3f2;border-color:#fecaca}
.request-tracker-steps>div.rejected span{background:#b42318;color:#fff}
.request-tracker-steps strong{display:block;color:#0f172a}
.request-tracker-steps small{display:block;color:#64748b;margin-top:3px}
.request-detail-layout-pro .card{height:max-content}
.request-info-list-pro{grid-template-columns:1fr 1fr}
.admin-request-page-pro{max-width:1200px}
.request-admin-hero-pro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#063b33,#0f766e 52%,#0ea5e9);color:#fff;border-radius:30px;padding:28px;box-shadow:0 22px 58px rgba(15,23,42,.14)}
.request-admin-hero-pro p{color:rgba(255,255,255,.84)}
.request-admin-hero-pro .eyebrow{background:rgba(255,255,255,.15);color:#fff}
.request-admin-kpi{margin-bottom:18px}
.request-admin-filter-pro{grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr) auto auto!important}
.request-status-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.request-status-chips a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;color:#334155}
.request-status-chips a.active,.request-status-chips a:hover{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}
.request-status-chips span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px}
.request-admin-list-pro{gap:14px}
.request-admin-card-pro{border-radius:24px!important;position:relative;overflow:hidden}
.request-admin-actions form{display:inline-flex;margin:0}
.request-admin-actions .btn{min-height:40px}
.linked-pipeline-pro{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:1050px){
  .request-submit-hero,.request-detail-hero-pro,.request-list-hero{grid-template-columns:1fr!important}
  .request-flow-card{position:static}
  .request-tracker-steps{grid-template-columns:1fr}
  .request-admin-hero-pro{display:grid}
}
@media(max-width:820px){
  .request-filter-pro,.request-admin-filter-pro{grid-template-columns:1fr!important}
  .request-tracker-mini{grid-template-columns:1fr}
  .request-info-list-pro{grid-template-columns:1fr}
  .linked-pipeline-pro{display:grid}
}
@media(max-width:640px){
  .request-submit-hero h1,.request-list-hero h1,.request-detail-hero-pro h1{font-size:29px}
  .request-submit-actions,.request-hero-actions,.request-admin-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .request-submit-actions .btn,.request-hero-actions .btn,.request-admin-actions .btn,.request-admin-actions form,.request-admin-actions button{width:100%}
  .request-company-inline{align-items:flex-start;flex-direction:column}
}


/* GOJAN v3.1.9 — Billing, Invoice & Payment Flow Final Polish */
.billing-page-final-v319{max-width:1180px}
.billing-client-hero-final{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch;border-radius:32px;padding:30px;background:linear-gradient(135deg,#063b33,#0f766e 54%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14);overflow:hidden;position:relative}
.billing-client-hero-final:after{content:"";position:absolute;right:-80px;bottom:-90px;width:280px;height:280px;border-radius:999px;background:rgba(217,154,43,.30)}
.billing-client-hero-final>*{position:relative;z-index:1}
.billing-client-hero-final .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.billing-client-hero-final h1{font-size:42px;line-height:1.05;margin:10px 0 12px;letter-spacing:-.045em}
.billing-client-hero-final p{margin:0;color:rgba(255,255,255,.86);max-width:720px}
.billing-active-plan-card{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);border-radius:24px;padding:20px;backdrop-filter:blur(10px);display:grid;align-content:start;gap:8px}
.billing-active-plan-card span{font-size:12px;font-weight:900;color:rgba(255,255,255,.76)}
.billing-active-plan-card strong{font-size:32px;line-height:1;letter-spacing:-.04em}
.billing-active-plan-card small{color:rgba(255,255,255,.82)}
.billing-kpi-final{margin-top:18px}
.billing-next-payment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:18px;background:linear-gradient(135deg,#fff,#fff7ed 52%,#eff6ff)}
.billing-next-payment-card h2{margin:6px 0 6px;font-size:28px;line-height:1.1;letter-spacing:-.035em}
.billing-next-payment-card p{margin:0}
.billing-next-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.billing-flow-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.billing-flow-mini span{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#f1f5f9;color:#64748b;font-weight:850;font-size:12px}
.billing-flow-mini span.active{background:#ecfdf3;color:#067647}
.billing-pending-card-final{margin-top:18px}
.plan-grid-final-v319 .plan-card{display:flex;flex-direction:column;gap:10px;min-height:310px}
.plan-grid-final-v319 .plan-card p{flex:1}
.billing-history-list-final{display:grid;gap:14px}
.billing-history-card-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border-radius:22px!important}
.billing-history-main{min-width:0}
.billing-history-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.billing-history-card-final h3{margin:0;color:#0f172a;letter-spacing:-.02em;overflow-wrap:anywhere}
.billing-history-card-final p{margin:6px 0 0}
.billing-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:210px}
.billing-history-actions form{margin:0}
.invoice-flow-card-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc)}
.invoice-flow-card-final p{margin:4px 0 0;color:#64748b}
.invoice-flow-steps-final{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.invoice-flow-steps-final span{display:inline-flex;border-radius:999px;padding:6px 10px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:850}
.invoice-flow-steps-final span.active{background:#ecfdf3;color:#067647}
.invoice-method-card-v297{position:relative}
.invoice-method-card-v297 h2{letter-spacing:-.025em}
.bank-instruction-v297{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:14px;margin:12px 0;color:#475569}
.billing-filter-final-v319 form{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;gap:10px;align-items:center}
.billing-admin-list-final{display:grid;gap:14px;margin-top:14px}
.billing-admin-card-final{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:start;border-radius:22px!important}
.billing-admin-main-final{min-width:0}
.billing-admin-card-final h3{margin:0;color:#0f172a;letter-spacing:-.02em;overflow-wrap:anywhere}
.billing-admin-card-final p{margin:5px 0 0}
.billing-admin-actions-final{display:grid;gap:8px}
.billing-admin-actions-final form{margin:0}
.mark-paid-form-final{display:grid;gap:8px}
.manual-proof-strip-final{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:10px 12px;margin-top:12px}
.manual-review-box-final{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:18px;padding:12px}
.manual-review-box-final .mini-review-v297{display:grid!important;gap:8px;margin:0!important}
.manual-review-box-final .btn{width:100%}
.area-admin .billing-admin-page-v298 .table{display:block;overflow-x:auto;white-space:nowrap}
@media(max-width:1050px){
  .billing-client-hero-final,.billing-next-payment-card,.invoice-flow-card-final,.billing-admin-card-final{grid-template-columns:1fr}
  .billing-next-actions,.invoice-flow-steps-final,.billing-history-actions{justify-content:flex-start}
  .billing-filter-final-v319 form{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .billing-client-hero-final{border-radius:24px;padding:20px}
  .billing-client-hero-final h1{font-size:31px}
  .billing-history-card-final{grid-template-columns:1fr}
  .billing-history-actions{display:grid;grid-template-columns:1fr;min-width:0}
  .billing-history-actions .btn,.billing-history-actions form,.billing-history-actions button{width:100%}
  .billing-next-actions{display:grid;grid-template-columns:1fr}
  .billing-next-actions .btn{width:100%}
  .manual-review-box-final{grid-template-columns:1fr}
  .billing-filter-final-v319 form{grid-template-columns:1fr}
  .billing-admin-actions-final .btn,.billing-admin-actions-final button{width:100%}
}


/* GOJAN v3.2.0 — Production Final Audit & Release Candidate */
.production-audit-page .content{min-width:0}
.production-hero-final{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:stretch;border-radius:32px;padding:30px;background:linear-gradient(135deg,#063b33,#0f766e 54%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14);position:relative;overflow:hidden}
.production-hero-final:after{content:"";position:absolute;right:-80px;bottom:-90px;width:280px;height:280px;border-radius:999px;background:rgba(217,154,43,.30)}
.production-hero-final>*{position:relative;z-index:1}
.production-hero-final .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.production-hero-final h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}
.production-hero-final p{margin:0;color:rgba(255,255,255,.86);max-width:760px}
.release-score-card{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);border-radius:24px;padding:20px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;backdrop-filter:blur(10px)}
.release-score-card span{font-size:12px;font-weight:900;color:rgba(255,255,255,.78)}
.release-score-card strong{font-size:56px;line-height:1;letter-spacing:-.06em}
.release-score-card small{color:rgba(255,255,255,.82)}
.rc-kpi-grid .stat strong{letter-spacing:-.04em}
.production-summary-card{background:linear-gradient(135deg,#fff,#f0fdfa 54%,#eff6ff);margin-top:18px}
.production-summary-card p{margin:8px 0 0}
.release-readiness-bar{height:12px;border:1px solid #d1fae5;background:#ecfdf3;border-radius:999px;overflow:hidden;margin-top:14px}
.release-readiness-bar span{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#0ea5e9);border-radius:999px}
.production-audit-columns .card{height:max-content}
.rc-check-grid{display:grid;gap:10px;margin-top:14px}
.rc-check-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px;min-width:0}
.rc-check-item.ok{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.rc-check-item.warn{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.rc-check-item div{min-width:0}
.rc-check-item strong{display:block;color:#0f172a;overflow-wrap:anywhere}
.rc-check-item small{display:block;color:#64748b;margin-top:2px;overflow-wrap:anywhere}
.rc-check-item .pill{flex:0 0 auto}
.production-final-notes .release-note-box{border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;padding:16px}
.production-final-notes .release-note-box strong{display:block;color:#0f172a}
.production-final-notes .release-note-box p{margin:6px 0 0;color:#64748b}
@media(max-width:980px){
  .production-hero-final{grid-template-columns:1fr}
  .release-score-card{place-items:start;text-align:left}
  .release-score-card strong{font-size:44px}
}
@media(max-width:680px){
  .production-hero-final{border-radius:24px;padding:20px}
  .production-hero-final h1{font-size:31px}
  .production-hero-final .actions{display:grid;grid-template-columns:1fr}
  .production-hero-final .actions .btn{width:100%}
  .rc-check-item{align-items:flex-start}
}


/* GOJAN v3.2.1 — Public Homepage & Landing Page Final Polish */
.public-home-v321{max-width:1240px;margin:0 auto;padding:34px 24px 48px}
.landing-hero-v321{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:stretch;border-radius:36px;padding:34px;background:linear-gradient(135deg,#063b33 0%,#0f766e 52%,#0ea5e9 100%);color:#fff;box-shadow:0 30px 80px rgba(15,23,42,.18);position:relative;overflow:hidden}
.landing-hero-v321:before{content:"";position:absolute;inset:-90px auto auto -90px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.10);filter:blur(2px)}
.landing-hero-v321:after{content:"";position:absolute;right:-90px;bottom:-110px;width:340px;height:340px;border-radius:999px;background:rgba(217,154,43,.34)}
.landing-hero-v321>*{position:relative;z-index:1}
.landing-trust-pill-v321{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);border-radius:999px;padding:8px 12px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em}
.landing-hero-copy-v321 h1{font-size:58px;line-height:1.01;letter-spacing:-.06em;margin:18px 0 16px;max-width:850px}
.landing-hero-copy-v321 p{font-size:18px;color:rgba(255,255,255,.86);max-width:760px;margin:0}
.landing-hero-actions-v321{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.landing-btn-v321{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:14px 20px;font-weight:950;text-decoration:none}
.landing-btn-v321.primary{background:#fff;color:#0f766e;box-shadow:0 16px 32px rgba(15,23,42,.14)}
.landing-btn-v321.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff}
.landing-trust-row-v321{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.landing-trust-row-v321 span{display:inline-flex;border:1px solid rgba(255,255,255,.20);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.88);font-size:12px;font-weight:850}
.landing-preview-v321{display:grid;gap:14px;align-content:center}
.landing-preview-logo-v321{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.12);border-radius:24px;padding:14px;backdrop-filter:blur(10px)}
.landing-logo-v321{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;padding:6px}
.landing-preview-logo-v321 strong{display:block;letter-spacing:.08em}.landing-preview-logo-v321 small{display:block;color:rgba(255,255,255,.78)}
.landing-preview-panel-v321{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.94);border-radius:28px;padding:18px;color:#0f172a;box-shadow:0 24px 60px rgba(15,23,42,.22)}
.preview-top-v321{display:flex;gap:6px;margin-bottom:14px}.preview-top-v321 span{width:10px;height:10px;border-radius:999px;background:#cbd5e1}.preview-top-v321 span:first-child{background:#0f766e}
.preview-search-v321{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px 14px;color:#475569;font-weight:850;margin-bottom:12px}
.preview-result-v321{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:13px;margin-top:9px;background:#fff}
.preview-result-v321.featured{border-color:#99f6e4;background:#f0fdfa}.preview-result-v321 strong{display:block}.preview-result-v321 small{display:block;color:#64748b}.preview-result-v321 em{font-style:normal;border-radius:999px;background:#ecfdf3;color:#067647;padding:5px 9px;font-size:11px;font-weight:900;white-space:nowrap}
.preview-flow-v321{display:flex;align-items:center;gap:8px;margin-top:14px;color:#475569;font-size:12px;font-weight:900}.preview-flow-v321 b{height:2px;flex:1;background:#e5e7eb;border-radius:999px}
.landing-section-v321,.landing-forwhom-v321,.landing-flow-band-v321,.landing-pricing-v321{margin-top:30px}
.landing-section-head-v321{text-align:center;max-width:860px;margin:0 auto 18px}.landing-section-head-v321 span,.landing-forwhom-v321>div:first-child span,.landing-security-copy-v321 span,.landing-final-cta-v321 span{display:inline-flex;border-radius:999px;background:#ecfdf3;color:#067647;padding:6px 11px;font-size:12px;font-weight:950}
.landing-section-head-v321 h2,.landing-forwhom-v321 h2,.landing-security-copy-v321 h2,.landing-final-cta-v321 h2{font-size:36px;line-height:1.08;letter-spacing:-.045em;margin:12px 0 8px;color:#0f172a}
.landing-section-head-v321 p,.landing-forwhom-v321 p,.landing-security-copy-v321 p{color:#64748b;font-size:16px;margin:0}
.landing-section-head-v321.compact{margin-bottom:16px}.landing-section-head-v321.compact h2{font-size:32px}
.landing-card-grid-v321{display:grid;gap:14px}.landing-card-grid-v321.three{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card-grid-v321.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.landing-card-grid-v321 article,.landing-feature-grid-v321 article,.landing-persona-grid-v321 article{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.landing-card-grid-v321 article.featured{border-color:#99f6e4;background:linear-gradient(180deg,#fff,#f0fdfa)}
.landing-card-grid-v321 article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#f0fdfa;color:#0f766e;font-weight:950}
.landing-card-grid-v321 h3,.landing-feature-grid-v321 h3{margin:12px 0 6px;color:#0f172a;font-size:20px}.landing-card-grid-v321 p,.landing-feature-grid-v321 p{margin:0;color:#64748b}.landing-card-grid-v321 strong{display:block;margin-top:12px;color:#0f766e}
.landing-forwhom-v321{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:30px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.landing-persona-grid-v321{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-persona-grid-v321 strong{display:block;color:#0f172a}.landing-persona-grid-v321 small{display:block;color:#64748b;margin-top:4px}
.landing-flow-band-v321{border-radius:30px;padding:26px;background:#0f172a;color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14)}.landing-flow-band-v321 .landing-section-head-v321 h2{color:#fff}.landing-flow-band-v321 .landing-section-head-v321 span{background:rgba(255,255,255,.10);color:#fff}
.landing-flow-steps-v321{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.landing-flow-steps-v321 div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;padding:14px}.landing-flow-steps-v321 b{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:#0f766e;color:#fff}.landing-flow-steps-v321 strong{display:block;margin-top:10px}.landing-flow-steps-v321 small{display:block;color:rgba(255,255,255,.70);margin-top:4px}
.landing-section-v321.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch;background:linear-gradient(135deg,#fff,#f0fdfa);border:1px solid #e5e7eb;border-radius:30px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.landing-security-copy-v321 ul{margin:16px 0 0;padding-left:18px;color:#475569}.landing-security-board-v321{display:grid;gap:10px;align-content:center}.landing-security-board-v321>div,.landing-security-board-v321 section{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:13px}.landing-security-board-v321 b{border-radius:999px;padding:5px 9px;font-size:12px}.landing-security-board-v321 .ok{background:#ecfdf3;color:#067647}.landing-security-board-v321 .warn{background:#fff7ed;color:#b54708}.landing-security-board-v321 .wait{background:#eff6ff;color:#1d4ed8}.landing-security-board-v321 section{display:block}.landing-security-board-v321 section p{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0}.landing-security-board-v321 section i{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#0ea5e9);border-radius:999px}
.landing-feature-grid-v321{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.landing-faq-grid-v321{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-faq-grid-v321 details{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.landing-faq-grid-v321 summary{cursor:pointer;font-weight:950;color:#0f172a}.landing-faq-grid-v321 p{margin:10px 0 0;color:#64748b}
.landing-final-cta-v321{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;border-radius:30px;padding:26px;background:linear-gradient(135deg,#063b33,#0f766e 58%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14)}.landing-final-cta-v321 h2{color:#fff;margin-bottom:0}.landing-final-cta-v321 span{background:rgba(255,255,255,.12);color:#fff}.landing-final-actions-v321{display:flex;gap:10px;flex-wrap:wrap}.landing-final-actions-v321 a{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:13px 18px;background:#fff;color:#0f766e;text-decoration:none;font-weight:950}.landing-final-actions-v321 a:last-child{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff}
.legal-public-v321{max-width:1050px;margin:0 auto;padding:34px 24px 48px}.legal-hero-v321{border-radius:32px;padding:32px;background:linear-gradient(135deg,#063b33,#0f766e 56%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14)}.legal-hero-v321 span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.12);padding:6px 11px;font-size:12px;font-weight:950}.legal-hero-v321 h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:14px 0 10px}.legal-hero-v321 p{margin:0;color:rgba(255,255,255,.86)}
.legal-body-v321{display:grid;gap:14px;margin-top:18px}.legal-body-v321 article{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.legal-body-v321 h2{margin:0 0 8px;color:#0f172a}.legal-body-v321 p{margin:0;color:#475569}.legal-actions-v321{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}
@media(max-width:1080px){.landing-hero-v321,.landing-forwhom-v321,.landing-section-v321.split{grid-template-columns:1fr}.landing-flow-steps-v321{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card-grid-v321.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.public-home-v321,.legal-public-v321{padding:20px 14px 36px}.landing-hero-v321{border-radius:26px;padding:22px}.landing-hero-copy-v321 h1{font-size:38px}.landing-card-grid-v321.three,.landing-feature-grid-v321,.landing-faq-grid-v321,.landing-persona-grid-v321{grid-template-columns:1fr}.landing-final-cta-v321{display:grid}.landing-final-actions-v321{display:grid;grid-template-columns:1fr}.landing-final-actions-v321 a{width:100%}.legal-hero-v321{border-radius:24px;padding:22px}.legal-hero-v321 h1{font-size:32px}}
@media(max-width:560px){.landing-hero-actions-v321{display:grid}.landing-btn-v321{width:100%}.landing-flow-steps-v321,.landing-card-grid-v321.four{grid-template-columns:1fr}.preview-result-v321{display:grid}.preview-flow-v321{display:grid;grid-template-columns:1fr}.preview-flow-v321 b{display:none}.landing-section-head-v321 h2,.landing-forwhom-v321 h2,.landing-security-copy-v321 h2,.landing-final-cta-v321 h2{font-size:28px}.landing-section-head-v321.compact h2{font-size:27px}}


/* GOJAN v3.2.2 — Mobile Public Header Professional Fix */
body.area-public .public-topbar-v280{position:sticky!important;top:0!important;z-index:90!important}
body.area-public .public-topbar-v280 .brand-with-logo{display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important}
body.area-public .public-topbar-v280 .public-actions-nav-v280{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important}
@media(max-width:900px){
  body.area-public .public-topbar-v280{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;min-height:74px!important}
  body.area-public .public-topbar-v280 .brand-with-logo{width:auto!important;max-width:48%!important}
  body.area-public .public-topbar-v280 .brand-powered{display:none!important}
  body.area-public .public-topbar-v280 .public-logo-frame-v280{min-width:72px!important;min-height:50px!important;width:72px!important;height:50px!important;padding:5px 7px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
  body.area-public .public-topbar-v280 .public-logo-frame-v280 .app-logo-header{width:62px!important;height:36px!important;max-width:62px!important;max-height:36px!important}
  body.area-public .public-topbar-v280 .public-actions-nav-v280{gap:8px!important;flex-wrap:nowrap!important}
  body.area-public .public-topbar-v280 .public-nav-login-v280,
  body.area-public .public-topbar-v280 .public-nav-register-v280{height:40px!important;padding:0 14px!important;font-size:13px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
}
@media(max-width:520px){
  body.area-public .public-topbar-v280{padding:10px 12px!important;gap:10px!important}
  body.area-public .public-topbar-v280 .brand-with-logo{max-width:44%!important}
  body.area-public .public-topbar-v280 .public-logo-frame-v280{min-width:66px!important;min-height:46px!important;width:66px!important;height:46px!important;border-radius:14px!important}
  body.area-public .public-topbar-v280 .public-logo-frame-v280 .app-logo-header{width:56px!important;height:32px!important;max-width:56px!important;max-height:32px!important}
  body.area-public .public-topbar-v280 .public-actions-nav-v280{gap:7px!important}
  body.area-public .public-topbar-v280 .public-nav-login-v280,
  body.area-public .public-topbar-v280 .public-nav-register-v280{height:38px!important;padding:0 12px!important;font-size:12.5px!important;min-width:88px!important}
}
@media(max-width:390px){
  body.area-public .public-topbar-v280 .public-nav-login-v280,
  body.area-public .public-topbar-v280 .public-nav-register-v280{min-width:82px!important;padding:0 10px!important;font-size:12px!important}
}


/* GOJAN v3.2.3 — Public Homepage Mobile Final Sweep */
html, body.area-public{max-width:100%;overflow-x:hidden}
body.area-public .public-home-v321 *,
body.area-public .legal-public-v321 *{min-width:0}
@media(max-width:900px){
  body.area-public{background:#f8fafc!important}
  body.area-public .public-home-v321{padding:16px 12px 34px!important}
  body.area-public .landing-hero-v321{padding:20px!important;border-radius:24px!important;gap:18px!important}
  body.area-public .landing-hero-copy-v321 h1{font-size:36px!important;line-height:1.04!important;letter-spacing:-.045em!important;margin:14px 0 12px!important}
  body.area-public .landing-hero-copy-v321 p{font-size:15.5px!important;line-height:1.7!important}
  body.area-public .landing-trust-pill-v321{font-size:11px!important;line-height:1.35!important;padding:7px 10px!important;max-width:100%!important}
  body.area-public .landing-hero-actions-v321{margin-top:18px!important;gap:9px!important}
  body.area-public .landing-btn-v321{min-height:48px!important;border-radius:14px!important;padding:12px 16px!important;font-size:14px!important}
  body.area-public .landing-trust-row-v321{margin-top:16px!important;gap:8px!important}
  body.area-public .landing-trust-row-v321 span{font-size:11px!important;padding:7px 9px!important}
  body.area-public .landing-preview-v321{gap:10px!important}
  body.area-public .landing-preview-logo-v321{display:none!important}
  body.area-public .landing-preview-panel-v321{border-radius:20px!important;padding:14px!important}
  body.area-public .preview-search-v321{padding:10px 12px!important;border-radius:13px!important;font-size:13px!important}
  body.area-public .preview-result-v321{border-radius:14px!important;padding:11px!important;margin-top:8px!important}
  body.area-public .preview-result-v321 em{font-size:10.5px!important}
  body.area-public .preview-flow-v321{margin-top:10px!important;font-size:11px!important}
  body.area-public .landing-section-v321,
  body.area-public .landing-forwhom-v321,
  body.area-public .landing-flow-band-v321,
  body.area-public .landing-pricing-v321,
  body.area-public .landing-final-cta-v321{margin-top:20px!important}
  body.area-public .landing-section-head-v321{margin-bottom:12px!important}
  body.area-public .landing-section-head-v321 h2,
  body.area-public .landing-forwhom-v321 h2,
  body.area-public .landing-security-copy-v321 h2,
  body.area-public .landing-final-cta-v321 h2{font-size:27px!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:10px 0 7px!important}
  body.area-public .landing-section-head-v321 p,
  body.area-public .landing-forwhom-v321 p,
  body.area-public .landing-security-copy-v321 p{font-size:14.5px!important;line-height:1.65!important}
  body.area-public .landing-card-grid-v321,
  body.area-public .landing-feature-grid-v321,
  body.area-public .landing-persona-grid-v321,
  body.area-public .landing-faq-grid-v321{gap:10px!important}
  body.area-public .landing-card-grid-v321 article,
  body.area-public .landing-feature-grid-v321 article,
  body.area-public .landing-persona-grid-v321 article,
  body.area-public .landing-faq-grid-v321 details{border-radius:18px!important;padding:15px!important}
  body.area-public .landing-card-grid-v321 article>span{width:34px!important;height:34px!important;border-radius:12px!important;font-size:12px!important}
  body.area-public .landing-card-grid-v321 h3,
  body.area-public .landing-feature-grid-v321 h3{font-size:18px!important;margin:9px 0 5px!important}
  body.area-public .landing-card-grid-v321 p,
  body.area-public .landing-feature-grid-v321 p,
  body.area-public .landing-faq-grid-v321 p{font-size:14px!important;line-height:1.58!important}
  body.area-public .landing-forwhom-v321,
  body.area-public .landing-section-v321.split{border-radius:22px!important;padding:18px!important;gap:14px!important}
  body.area-public .landing-flow-band-v321{border-radius:22px!important;padding:20px!important}
  body.area-public .landing-flow-steps-v321{gap:9px!important}
  body.area-public .landing-flow-steps-v321 div{border-radius:15px!important;padding:12px!important}
  body.area-public .landing-flow-steps-v321 b{width:30px!important;height:30px!important;border-radius:11px!important}
  body.area-public .landing-flow-steps-v321 strong{font-size:14px!important;margin-top:8px!important}
  body.area-public .landing-flow-steps-v321 small{font-size:12.5px!important;line-height:1.45!important}
  body.area-public .landing-security-board-v321>div,
  body.area-public .landing-security-board-v321 section{border-radius:14px!important;padding:11px!important;font-size:13px!important}
  body.area-public .landing-final-cta-v321{border-radius:22px!important;padding:20px!important}
  body.area-public .landing-final-actions-v321 a{min-height:46px!important;border-radius:14px!important;font-size:14px!important}
  body.area-public .footer,
  body.area-public .footer-v302,
  body.area-public .footer-v301{margin-top:28px!important;padding:20px 14px!important;text-align:center!important;display:grid!important;gap:12px!important;justify-content:center!important}
  body.area-public .footer nav,
  body.area-public .footer-v302 nav,
  body.area-public .footer-v301 nav{justify-content:center!important;gap:10px!important}
  body.area-public .footer nav a,
  body.area-public .footer-v302 nav a,
  body.area-public .footer-v301 nav a{font-size:12.5px!important}
}
@media(max-width:560px){
  body.area-public .landing-hero-v321{padding:18px!important;border-radius:22px!important}
  body.area-public .landing-hero-copy-v321 h1{font-size:31px!important}
  body.area-public .landing-hero-copy-v321 p{font-size:14.5px!important}
  body.area-public .landing-hero-actions-v321{display:grid!important;grid-template-columns:1fr!important}
  body.area-public .landing-btn-v321{width:100%!important}
  body.area-public .landing-trust-row-v321{display:grid!important;grid-template-columns:1fr!important}
  body.area-public .preview-result-v321{grid-template-columns:1fr!important}
  body.area-public .preview-result-v321 em{justify-self:start!important}
  body.area-public .preview-flow-v321{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  body.area-public .preview-flow-v321 b{display:none!important}
  body.area-public .landing-section-head-v321 h2,
  body.area-public .landing-forwhom-v321 h2,
  body.area-public .landing-security-copy-v321 h2,
  body.area-public .landing-final-cta-v321 h2{font-size:24px!important}
  body.area-public .landing-flow-steps-v321,
  body.area-public .landing-card-grid-v321.three,
  body.area-public .landing-card-grid-v321.four,
  body.area-public .landing-feature-grid-v321,
  body.area-public .landing-faq-grid-v321,
  body.area-public .landing-persona-grid-v321{grid-template-columns:1fr!important}
  body.area-public .landing-security-board-v321 b{font-size:11px!important}
  body.area-public .landing-faq-grid-v321 summary{font-size:14px!important;line-height:1.45!important}
}
@media(max-width:390px){
  body.area-public .public-home-v321{padding-left:10px!important;padding-right:10px!important}
  body.area-public .landing-hero-copy-v321 h1{font-size:28px!important}
  body.area-public .landing-trust-pill-v321{font-size:10.5px!important}
  body.area-public .landing-section-head-v321 h2,
  body.area-public .landing-forwhom-v321 h2,
  body.area-public .landing-security-copy-v321 h2,
  body.area-public .landing-final-cta-v321 h2{font-size:22px!important}
}


/* GOJAN v3.2.4 — Public Login & Register Page Final Polish */
.auth-public-v324{max-width:1180px;margin:0 auto;padding:34px 20px 46px}
.auth-public-shell-v324{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:22px;align-items:stretch;border-radius:32px;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.92);box-shadow:0 26px 72px rgba(15,23,42,.12);overflow:hidden}
.auth-public-side-v324{position:relative;min-height:620px;padding:34px;color:#fff;background:radial-gradient(circle at 16% 18%,rgba(14,165,233,.28),transparent 30%),linear-gradient(135deg,#063b33,#0f766e 54%,#0ea5e9);display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden}
.auth-public-side-v324:after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border-radius:999px;background:rgba(217,154,43,.32)}
.auth-public-side-v324>*{position:relative;z-index:1}
.auth-public-side-v324.compact-side{min-height:520px}
.auth-back-home-v324{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;text-decoration:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}
.auth-logo-v324{display:block;max-width:168px!important;max-height:92px!important;object-fit:contain!important;margin-bottom:18px;filter:drop-shadow(0 18px 34px rgba(15,23,42,.14))}
.auth-eyebrow-v324{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)}
.auth-public-side-v324 h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:14px 0 12px;color:#fff}
.auth-public-side-v324 p{margin:0;color:rgba(255,255,255,.84);font-size:16.5px;line-height:1.7}
.auth-trust-list-v324{display:grid;gap:10px}
.auth-trust-list-v324 div{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:18px;padding:13px;backdrop-filter:blur(10px)}
.auth-trust-list-v324 strong{display:block;color:#fff}
.auth-trust-list-v324 small{display:block;color:rgba(255,255,255,.76);margin-top:3px;line-height:1.45}
.auth-public-card-v324{background:#fff;padding:34px;display:flex;flex-direction:column;justify-content:center}
.auth-public-head-v324{margin-bottom:20px}
.auth-public-head-v324 span{display:inline-flex;border-radius:999px;background:#ecfdf3;color:#067647;padding:6px 10px;font-size:12px;font-weight:950}
.auth-public-head-v324 h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:12px 0 8px;color:#0f172a}
.auth-public-head-v324 p{margin:0;color:#64748b;line-height:1.62}
.auth-public-form-v324,.auth-register-form-v324{gap:13px}
.auth-register-form-v324{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.auth-register-form-v324 .register-full{grid-column:1/-1}
.auth-public-card-v324 .field label{font-size:13px;color:#334155}
.auth-public-card-v324 .input{min-height:48px;border-radius:14px;background:#fbfdff}
.auth-public-card-v324 textarea{border-radius:14px}
.auth-public-card-v324 .btn.auth-full{width:100%;min-height:50px;border-radius:15px;font-size:15px}
.auth-link-grid-v324{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.auth-link-grid-v324.single{grid-template-columns:1fr}
.auth-link-grid-v324 a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;color:#0f766e;text-decoration:none;font-weight:900;font-size:13px}
.auth-link-grid-v324 a:hover{background:#f0fdfa;border-color:#99f6e4}
.auth-mini-note-v324,.auth-register-trust-note-v324{display:grid;gap:4px;margin-top:16px;border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:13px;color:#1e3a8a}
.auth-mini-note-v324 strong,.auth-register-trust-note-v324 strong{color:#1e40af}
.auth-mini-note-v324 span,.auth-register-trust-note-v324 span{font-size:13px;line-height:1.55;color:#475569}
body.area-trade:not(.is-logged-in) .flash{max-width:1180px;border-radius:16px;margin:18px auto 0;box-shadow:0 12px 30px rgba(15,23,42,.06)}
@media(max-width:980px){
  .auth-public-v324{padding:22px 14px 36px}
  .auth-public-shell-v324{grid-template-columns:1fr;border-radius:26px}
  .auth-public-side-v324{min-height:auto;padding:24px}
  .auth-public-side-v324.compact-side{min-height:auto}
  .auth-public-side-v324 h1{font-size:32px}
  .auth-public-side-v324 p{font-size:15px}
  .auth-trust-list-v324{grid-template-columns:1fr 1fr}
  .auth-public-card-v324{padding:24px}
}
@media(max-width:640px){
  .auth-public-v324{padding:16px 12px 30px}
  .auth-public-shell-v324{border-radius:22px}
  .auth-public-side-v324{padding:20px;border-radius:0}
  .auth-logo-v324{max-width:130px!important;max-height:76px!important;margin-bottom:12px}
  .auth-public-side-v324 h1{font-size:27px;margin:10px 0 8px}
  .auth-public-side-v324 p{font-size:14px;line-height:1.6}
  .auth-trust-list-v324{grid-template-columns:1fr;gap:8px}
  .auth-trust-list-v324 div{padding:11px;border-radius:15px}
  .auth-public-card-v324{padding:18px}
  .auth-public-head-v324{margin-bottom:16px}
  .auth-public-head-v324 h2{font-size:27px}
  .auth-public-head-v324 p{font-size:14px}
  .auth-register-form-v324{grid-template-columns:1fr}
  .auth-link-grid-v324{grid-template-columns:1fr}
  .auth-public-card-v324 .input{min-height:47px}
  .auth-public-card-v324 .btn.auth-full{min-height:48px}
}
@media(max-width:390px){
  .auth-public-v324{padding-left:10px;padding-right:10px}
  .auth-public-card-v324{padding:16px}
  .auth-public-side-v324{padding:18px}
  .auth-public-side-v324 h1{font-size:25px}
}


/* GOJAN v3.2.5 — Public Login/Register Simple Reset */
body.area-trade .auth-simple-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:34px 16px;background:radial-gradient(circle at top left,#e6fffb 0,#f8fafc 38%,#ffffff 100%)}
body.area-trade .auth-simple-card{width:min(460px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:26px;box-shadow:0 18px 45px rgba(16,24,40,.08)}
body.area-trade .auth-simple-head{text-align:center;margin-bottom:18px}
body.area-trade .auth-simple-head .auth-logo-img{margin:0 auto 10px;max-width:130px!important;height:auto!important}
body.area-trade .auth-simple-head h1{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:0 0 6px;color:#0f172a}
body.area-trade .auth-simple-head p{margin:0;color:#667085;font-size:14.5px}
body.area-trade .auth-simple-card .form{display:grid;gap:13px}
body.area-trade .auth-simple-card .field label{font-weight:850;color:#344054;font-size:13px}
body.area-trade .auth-simple-card .input,
body.area-trade .auth-simple-card input,
body.area-trade .auth-simple-card textarea,
body.area-trade .auth-simple-card select{border-radius:14px}
body.area-trade .auth-simple-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;color:#667085;font-size:13px}
body.area-trade .auth-simple-actions a{color:#0f766e;text-decoration:none;font-weight:850}
body.area-trade .auth-simple-actions a:hover{text-decoration:underline}
body.area-trade .auth-simple-note{margin-top:14px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px;color:#475569;font-size:13px;line-height:1.55}
@media(max-width:560px){
  body.area-trade .auth-simple-wrap{padding:22px 12px}
  body.area-trade .auth-simple-card{border-radius:20px;padding:20px}
  body.area-trade .auth-simple-head h1{font-size:24px}
  body.area-trade .auth-simple-actions{display:grid;text-align:center;justify-content:center}
}


/* GOJAN v3.2.6 — Public Homepage Header Removal & Grand Hero Polish */
body.area-public.is-public-home .public-topbar-v280{display:none!important}
body.area-public.is-public-home .public-home-v321{padding-top:18px!important}
body.area-public.is-public-home .landing-hero-v321{min-height:620px;align-items:center;background:
  radial-gradient(circle at 12% 10%,rgba(255,255,255,.14),transparent 24%),
  radial-gradient(circle at 88% 12%,rgba(217,154,43,.36),transparent 26%),
  linear-gradient(135deg,#041a18 0%,#063b33 34%,#0f766e 65%,#0ea5e9 100%)!important}
body.area-public.is-public-home .landing-hero-v321:before{width:420px;height:420px;background:rgba(255,255,255,.09)}
body.area-public.is-public-home .landing-hero-v321:after{width:430px;height:430px;background:rgba(217,154,43,.30)}
.landing-hero-brand-v326{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.12);border-radius:22px;padding:10px 14px;margin-bottom:14px;backdrop-filter:blur(12px)}
.landing-hero-logo-v326{width:86px!important;height:46px!important;object-fit:contain!important;background:#fff;border-radius:14px;padding:6px;box-shadow:0 14px 32px rgba(15,23,42,.16)}
.landing-hero-brand-v326 span{color:rgba(255,255,255,.84);font-size:13px;font-weight:850;letter-spacing:.01em}
body.area-public.is-public-home .landing-hero-copy-v321 h1{max-width:920px;font-size:clamp(42px,6vw,74px)!important;line-height:.98!important}
body.area-public.is-public-home .landing-hero-copy-v321 p{max-width:760px}
body.area-public.is-public-home .landing-preview-panel-v321{box-shadow:0 30px 85px rgba(0,0,0,.26)!important}
.landing-command-strip-v326{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}
.landing-command-strip-v326 div{border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.landing-command-strip-v326 strong{display:block;color:#0f172a;font-size:15px}
.landing-command-strip-v326 span{display:block;color:#64748b;font-size:13px;margin-top:4px;line-height:1.45}
body.area-trade .auth-simple-links.stacked{justify-content:center!important;text-align:center}
body.area-trade .auth-simple-links.stacked a[href="/admin/login"]{display:none!important}
@media(max-width:900px){
  body.area-public.is-public-home .public-home-v321{padding-top:12px!important}
  body.area-public.is-public-home .landing-hero-v321{min-height:auto!important}
  .landing-command-strip-v326{grid-template-columns:1fr!important;margin:14px 0 22px!important;gap:10px!important}
  .landing-command-strip-v326 div{border-radius:18px!important;padding:14px!important}
  .landing-hero-brand-v326{padding:8px 10px!important;border-radius:18px!important;margin-bottom:12px!important}
  .landing-hero-logo-v326{width:72px!important;height:40px!important;border-radius:12px!important}
  .landing-hero-brand-v326 span{font-size:12px!important}
}
@media(max-width:560px){
  .landing-hero-brand-v326{display:flex!important;width:100%!important;justify-content:flex-start!important}
  body.area-public.is-public-home .landing-hero-copy-v321 h1{font-size:33px!important;line-height:1.04!important}
}


/* GOJAN v3.2.7 — Homepage Hero De-clutter */
body.area-public.is-public-home .landing-hero-brand-v326{display:none!important}
body.area-public.is-public-home .landing-hero-copy-v321{padding-top:6px}
@media(max-width:900px){
  body.area-public.is-public-home .landing-hero-copy-v321{padding-top:0!important}
}


/* GOJAN v3.3.0 — Client Service Center PRO & Support Experience Pro */
.support-page-pro,.support-detail-page-pro{max-width:1180px}
.support-hero-pro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:stretch;border-radius:32px;padding:30px;background:linear-gradient(135deg,#063b33,#0f766e 54%,#0ea5e9);color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.14);overflow:hidden;position:relative}
.support-hero-pro:after{content:"";position:absolute;right:-70px;bottom:-100px;width:290px;height:290px;border-radius:999px;background:rgba(217,154,43,.30)}
.support-hero-pro>*{position:relative;z-index:1}
.support-hero-pro .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.support-hero-pro h1{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}
.support-hero-pro p{color:rgba(255,255,255,.86);max-width:760px;margin:0}
.support-hero-card-pro{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);border-radius:24px;padding:20px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;backdrop-filter:blur(10px)}
.support-hero-card-pro span{font-size:12px;font-weight:900;color:rgba(255,255,255,.78)}
.support-hero-card-pro strong{font-size:58px;line-height:1;letter-spacing:-.06em}
.support-hero-card-pro small{color:rgba(255,255,255,.82)}
.support-client-layout .card,.support-conversation-layout .card,.support-admin-detail-grid .card{height:max-content}
.support-ticket-form{background:linear-gradient(180deg,#fff,#f8fafc)}
.support-sla-note{border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:12px;color:#475569}
.support-sla-note strong{display:block;color:#0f172a}
.support-sla-note p{margin:4px 0 0;font-size:13px}
.support-ticket-list,.support-admin-list{display:grid;gap:12px}
.support-ticket-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.support-ticket-card:hover{border-color:#99f6e4;background:#f0fdfa}
.support-ticket-card h3{margin:8px 0 4px;color:#0f172a}
.support-ticket-card p{margin:0;color:#64748b;font-size:13px}
.support-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#f0fdfa 60%,#eff6ff)}
.support-detail-hero h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:10px 0 6px;color:#0f172a}
.support-detail-hero aside{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.support-thread{display:grid;gap:12px;margin-top:14px}
.support-message{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}
.support-message.client{background:#f8fafc}
.support-message.admin{background:#f0fdfa;border-color:#99f6e4}
.support-message.internal-note{background:#fff7ed;border-color:#fed7aa}
.support-message>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.support-message strong{color:#0f172a}
.support-message small{color:#64748b;font-size:12px}
.support-message p{margin:8px 0 0;color:#334155;white-space:normal}
.support-admin-hero{background:linear-gradient(135deg,#063b33,#0f766e 56%,#0ea5e9)!important;color:#fff}
.support-admin-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.support-admin-hero p{color:rgba(255,255,255,.86)!important}
.support-filter-form{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto auto;gap:10px;align-items:center}
.support-admin-ticket-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:center;border-radius:22px!important}
.support-ticket-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.support-admin-ticket-main h2{margin:0;color:#0f172a;letter-spacing:-.025em}
.support-admin-ticket-main p{margin:6px 0 4px}
.support-admin-ticket-actions{display:grid;gap:8px}
.support-admin-side{display:grid;gap:14px}
@media(max-width:1050px){
  .support-hero-pro,.support-admin-ticket-card{grid-template-columns:1fr}
  .support-hero-card-pro{place-items:start;text-align:left}
  .support-filter-form{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .support-hero-pro{padding:20px;border-radius:24px}
  .support-hero-pro h1{font-size:31px}
  .support-detail-hero{display:grid}
  .support-detail-hero h1{font-size:28px}
  .support-detail-hero aside{justify-content:flex-start}
  .support-filter-form{grid-template-columns:1fr}
  .support-admin-ticket-actions,.support-page-pro .actions{display:grid;grid-template-columns:1fr}
  .support-admin-ticket-actions .btn,.support-page-pro .actions .btn{width:100%}
  .support-message>div{display:grid}
}


/* GOJAN v3.3.1 — Support Ticket System & Email Notification Automation */
.support-filter-form-wide{grid-template-columns:minmax(230px,1fr) 165px 190px 150px 150px 150px auto auto!important}
.support-attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.support-attachments a{text-decoration:none}
.support-ticket-card .pill,.support-admin-ticket-card .pill{margin-right:4px;margin-bottom:4px}
.support-message.system{background:#f8fafc;border-style:dashed}
.support-message.internal-note .support-attachments .pill{background:#fff7ed;color:#b54708}
.support-ticket-form input[type=file],.support-admin-side input[type=file]{padding:10px;background:#fff}
.support-email-meta{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px;margin-top:12px;color:#475569;font-size:13px}
@media(max-width:1120px){.support-filter-form-wide{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.support-filter-form-wide{grid-template-columns:1fr!important}.support-attachments .pill{width:100%;justify-content:flex-start}}


/* GOJAN v3.3.3 — Deal Room Core System Upgrade */
.deal-room-core-v333 .card{scroll-margin-top:92px}
.deal-room-hero-v333{background:linear-gradient(135deg,#041a18,#063b33 38%,#0f766e 72%,#0ea5e9)!important;color:#fff;position:relative;overflow:hidden}
.deal-room-hero-v333:after{content:"";position:absolute;right:-90px;bottom:-120px;width:360px;height:360px;border-radius:999px;background:rgba(217,154,43,.34)}
.deal-room-hero-v333>*{position:relative;z-index:1}
.deal-room-hero-v333 .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.deal-room-hero-v333 p{color:rgba(255,255,255,.84)!important}
.deal-room-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}
.deal-room-create-card{border:1px solid #99f6e4;background:linear-gradient(180deg,#fff,#f0fdfa)}
.deal-create-form .grid{align-items:start}
.deal-tabs-v333{position:sticky;top:84px;z-index:11;display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;padding:10px;border:1px solid #e5e7eb;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.deal-tabs-v333 a{text-decoration:none;font-weight:850;color:#344054;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-size:13px}
.deal-tabs-v333 a:hover{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}
.deal-pipeline-v333{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.deal-pipeline-v333 div{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px;min-height:105px}
.deal-pipeline-v333 div.done{background:#f0fdfa;border-color:#99f6e4}
.deal-pipeline-v333 b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#e5e7eb;color:#475569;margin-bottom:8px}
.deal-pipeline-v333 .done b{background:#0f766e;color:#fff}
.deal-pipeline-v333 strong{display:block;color:#0f172a;font-size:13px;line-height:1.3}
.deal-pipeline-v333 small{display:block;color:#64748b;margin-top:5px;font-size:11px;line-height:1.35}
.admin-deal-row-v333,.client-deal-row{border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:22px;padding:18px}
.admin-deal-row-v333:hover,.client-deal-row:hover{border-color:#99f6e4;background:#f0fdfa}
.deal-room-title-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.deal-room-title-line strong{font-size:18px;letter-spacing:-.025em;color:#0f172a}
.deal-room-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;color:#64748b;font-size:13px}
.deal-room-meta span{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 9px}
.deal-task-list,.deal-log-list{display:grid;gap:10px;margin-top:12px}
.deal-task-row,.deal-log-list>div{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px}
.deal-task-row{display:grid;gap:10px}
.deal-task-row strong,.deal-log-list strong{display:block;color:#0f172a}
.deal-task-row small,.deal-log-list small{display:block;color:#64748b;margin-top:3px}
.mini-inline-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:10px;margin:8px 0 14px}
.checkline{display:inline-flex;align-items:center;gap:7px;color:#475569;font-weight:800;font-size:13px}
.deal-message-thread .support-message{box-shadow:none}
.deal-message-thread .support-message.admin,.deal-message-thread .support-message.admin_internal{background:#f0fdfa;border-color:#99f6e4}
.deal-message-thread .support-message.client{background:#eff6ff;border-color:#bfdbfe}
.deal-room-quick-main{border-color:#99f6e4!important;background:linear-gradient(180deg,#fff,#f0fdfa)!important}
.deal-room-quick-main .icon{background:linear-gradient(135deg,#063b33,#0f766e,#0ea5e9)!important;color:#fff!important}
@media(max-width:1180px){.deal-room-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-pipeline-v333{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-inline-form{grid-template-columns:1fr}}
@media(max-width:760px){.deal-room-kpi-grid{grid-template-columns:1fr}.deal-tabs-v333{position:relative;top:auto;overflow:auto;flex-wrap:nowrap}.deal-tabs-v333 a{white-space:nowrap}.deal-pipeline-v333{grid-template-columns:1fr 1fr}.deal-room-title-line{display:grid}.deal-room-meta span{width:100%;border-radius:12px}.admin-deal-row-v333,.client-deal-row{padding:14px;border-radius:18px}.deal-room-hero-v333 h1{font-size:30px!important}.mini-inline-form{grid-template-columns:1fr}.mini-inline-form .btn{width:100%}}
@media(max-width:460px){.deal-pipeline-v333{grid-template-columns:1fr}.deal-tabs-v333{margin-left:-4px;margin-right:-4px}.deal-room-hero-v333{border-radius:22px!important}}


/* GOJAN v3.3.4 — Deal Room Stability Audit & Data Integrity Sweep */
.deal-room-audit-v334 .deal-audit-repair-card{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.deal-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.deal-audit-check{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:15px}
.deal-audit-check.ok{background:#f0fdfa;border-color:#99f6e4}
.deal-audit-check.warn{background:#fff7ed;border-color:#fed7aa}
.deal-audit-check strong{display:block;color:#0f172a}
.deal-audit-check p{margin:5px 0;color:#475569;font-size:13px;line-height:1.45}
.deal-audit-check small{display:block;color:#667085;font-size:12px}
.deal-room-audit-page-v334 .deal-log-list>div{background:#fff}
@media(max-width:900px){.deal-audit-grid{grid-template-columns:1fr}.deal-audit-check{display:grid}.deal-audit-check .pill{width:max-content}}


/* GOJAN v3.3.5 — Peluang Buyer Compact List & Deal Room Entry */
.opportunity-compact-page-v335{max-width:1320px}
.opportunity-compact-header-v335{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px 2px 6px}
.opportunity-compact-header-v335 h1{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:6px 0 6px;color:#0f172a}
.opportunity-compact-header-v335 p{margin:0;color:#64748b;max-width:760px}
.opportunity-compact-actions-v335{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.opportunity-filter-compact-v335{padding:14px!important;border-radius:20px!important;margin-bottom:14px}
.filter-row-v335{display:grid;grid-template-columns:minmax(220px,1.35fr) 150px 145px 155px 130px 142px 142px 150px;gap:10px;align-items:end}
.filter-row-v335 .field{gap:4px}
.filter-row-v335 label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085}
.filter-row-v335 input,.filter-row-v335 select{min-height:38px;padding:8px 10px;font-size:13px;border-radius:12px}
.deal-client-select-v335{grid-column:span 2}
.opportunity-filter-actions-v335{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.opportunity-list-card-v335{padding:0!important;overflow:hidden;border-radius:20px!important}
.opportunity-table-wrap-v335{width:100%;overflow:auto}
.opportunity-table-v335{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.opportunity-table-v335 th{position:sticky;top:0;z-index:1;text-align:left;background:#f8fafc;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #e5e7eb;padding:10px 12px;white-space:nowrap}
.opportunity-table-v335 td{border-bottom:1px solid #edf2f7;padding:10px 12px;vertical-align:top;color:#334155}
.opportunity-table-v335 tr:hover td{background:#f8fafc}
.opportunity-table-v335 small{display:block;color:#667085;font-size:11px;margin-top:2px}
.buyer-cell-v335 strong{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}
.need-cell-v335{max-width:300px;line-height:1.35;color:#475569}
.action-cell-v335{min-width:245px}
.inline-action-form-v335{display:inline-flex;margin:0 4px 4px 0}
.mini-btn{min-height:30px!important;padding:6px 9px!important;border-radius:10px!important;font-size:12px!important}
.btn.danger{background:#fee4e2;color:#b42318;border:1px solid #fecdca}
.opportunity-mobile-list-v335{display:none}
.opportunity-mobile-item-v335{border-bottom:1px solid #e5e7eb;padding:12px}
.opportunity-mobile-item-v335 strong{display:block;color:#0f172a;line-height:1.3}
.opportunity-mobile-item-v335 small{display:block;color:#667085;margin-top:2px}
.opportunity-mobile-item-v335 p{margin:8px 0;color:#475569;font-size:13px}
.mobile-badges-v335{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mobile-actions-v335{gap:6px!important}
.pagination-v335{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px;border-top:1px solid #e5e7eb;background:#f8fafc}
.pagination-v335 .disabled{opacity:.45;pointer-events:none}
.opportunity-detail-panel-v335{margin-bottom:14px;border-color:#99f6e4!important;background:linear-gradient(180deg,#fff,#f0fdfa)}
.detail-grid-v335{margin:12px 0}
.detail-grid-v335>div{border:1px solid #dbeafe;background:#fff;border-radius:14px;padding:12px}
.detail-grid-v335 strong{display:block;color:#0f172a;font-size:12px;text-transform:uppercase;letter-spacing:.045em}
.detail-grid-v335 span{display:block;margin-top:4px;color:#475569}
.opportunity-admin-panel-v335{margin-top:14px}
.admin-update-list-v335{display:grid;gap:8px;margin-top:12px}
.admin-update-row-v335{display:grid;grid-template-columns:minmax(180px,1fr) 170px 130px auto auto auto;gap:8px;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:8px}
.admin-update-row-v335 strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-update-row-v335 select{min-height:34px;border-radius:10px;font-size:12px}
@media(max-width:1180px){
  .filter-row-v335{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deal-client-select-v335{grid-column:span 3}
  .admin-update-row-v335{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:780px){
  .opportunity-compact-header-v335{display:grid}
  .opportunity-compact-actions-v335{justify-content:flex-start}
  .filter-row-v335{grid-template-columns:1fr}
  .deal-client-select-v335{grid-column:auto}
  .opportunity-table-wrap-v335{display:none}
  .opportunity-mobile-list-v335{display:block}
  .pagination-v335{justify-content:center}
  .admin-update-row-v335{grid-template-columns:1fr}
  .admin-update-row-v335 .btn{width:100%}
  .opportunity-filter-actions-v335 .btn{width:100%}
}



/* GOJAN v3.3.6 — Peluang Table Badge & Compact Alignment Fix */
.opportunity-compact-page-v335 .pill,
.opportunity-table-v335 .pill,
.opportunity-mobile-list-v335 .pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1!important;
  min-height:26px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.opportunity-table-v335{table-layout:fixed!important}
.opportunity-table-v335 th,.opportunity-table-v335 td{word-break:normal!important;overflow-wrap:normal!important}
.opportunity-table-v335 th:nth-child(1),.opportunity-table-v335 td:nth-child(1){width:230px!important}
.opportunity-table-v335 th:nth-child(2),.opportunity-table-v335 td:nth-child(2){width:100px!important}
.opportunity-table-v335 th:nth-child(3),.opportunity-table-v335 td:nth-child(3){width:220px!important}
.opportunity-table-v335 th:nth-child(4),.opportunity-table-v335 td:nth-child(4){width:300px!important}
.opportunity-table-v335 th:nth-child(5),.opportunity-table-v335 td:nth-child(5){width:118px!important;min-width:118px!important}
.opportunity-table-v335 th:nth-child(6),.opportunity-table-v335 td:nth-child(6){width:118px!important;min-width:118px!important}
.opportunity-table-v335 th:nth-child(7),.opportunity-table-v335 td:nth-child(7){width:136px!important;min-width:136px!important}
.opportunity-table-v335 th:nth-child(8),.opportunity-table-v335 td:nth-child(8){width:270px!important;min-width:270px!important}
.opportunity-table-v335 td:nth-child(5),.opportunity-table-v335 td:nth-child(6){text-align:left!important;vertical-align:middle!important}
.opportunity-table-v335 td:nth-child(5) .pill,.opportunity-table-v335 td:nth-child(6) .pill{min-width:82px!important}
.opportunity-table-v335 .buyer-cell-v335 strong{max-width:205px!important}
.need-cell-v335{max-width:290px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.action-cell-v335{white-space:normal!important}
.action-cell-v335 .mini-btn{margin-bottom:4px!important}
.opportunity-table-wrap-v335{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
@media(min-width:1200px){.opportunity-table-wrap-v335{overflow-x:hidden!important}}
@media(max-width:780px){.opportunity-mobile-list-v335 .pill{min-width:auto!important;font-size:11px!important;padding:6px 9px!important}}


/* GOJAN v3.3.7 — Peluang Action Button Visibility Fix */
.opportunity-table-wrap-v335{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
@media(min-width:1200px){.opportunity-table-wrap-v335{overflow-x:auto!important}}
.opportunity-table-v335 th:nth-child(1),.opportunity-table-v335 td:nth-child(1){width:210px!important}
.opportunity-table-v335 th:nth-child(2),.opportunity-table-v335 td:nth-child(2){width:92px!important}
.opportunity-table-v335 th:nth-child(3),.opportunity-table-v335 td:nth-child(3){width:190px!important}
.opportunity-table-v335 th:nth-child(4),.opportunity-table-v335 td:nth-child(4){width:260px!important}
.opportunity-table-v335 th:nth-child(5),.opportunity-table-v335 td:nth-child(5){width:110px!important;min-width:110px!important}
.opportunity-table-v335 th:nth-child(6),.opportunity-table-v335 td:nth-child(6){width:110px!important;min-width:110px!important}
.opportunity-table-v335 th:nth-child(7),.opportunity-table-v335 td:nth-child(7){width:122px!important;min-width:122px!important}
.opportunity-table-v335 th:nth-child(8),.opportunity-table-v335 td:nth-child(8){width:300px!important;min-width:300px!important}
.opportunity-table-v335 .buyer-cell-v335 strong{max-width:185px!important}
.need-cell-v335{max-width:250px!important}
.action-cell-v335{min-width:300px!important;white-space:normal!important}
.action-cell-v335 .mini-btn,.action-cell-v335 button.mini-btn{white-space:nowrap!important;flex:0 0 auto!important}
.inline-action-form-v335{display:inline-flex!important;margin:0 6px 6px 0!important}