/* Fomplus_Vistaller */
:root{--bg:#080d1d;--surface:#101828;--surface-2:#0d1426;--surface-3:#111b31;--line:#26334f;--line-soft:#1b2740;--text:#f4f7fb;--muted:#a8b3c7;--primary:#46bdf2;--primary-2:#5a7cff;--primary-dark:#223c86;--chip:#17254a;--accent:#facc15}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 24% 0%,rgba(70,189,242,.12),transparent 28%),linear-gradient(135deg,#080d1d 0%,#0a1022 52%,#07101d 100%);color:var(--text)}.app-shell{width:min(1180px,calc(100% - 32px));margin:24px auto 56px}.top-brand-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}.brand-logo{width:88px;height:auto;display:block;filter:drop-shadow(0 12px 26px rgba(70,189,242,.22))}.brand-text{display:grid;gap:3px}.brand-text strong{font-size:1.02rem;letter-spacing:.02em}.empty-banner{display:grid;gap:4px;margin-bottom:18px;padding:16px 18px;border-radius:18px;border:1px dashed #37507e;background:rgba(20,35,74,.56);color:#dbe7ff}.empty-banner strong{color:#facc15}.empty-banner span{color:var(--muted)}.hero-card{display:flex;justify-content:space-between;gap:24px;align-items:stretch;background:linear-gradient(135deg,#111b31 0%,#0d1528 55%,#0b1222 100%);border:1px solid var(--line);color:var(--text);border-radius:28px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900;color:var(--primary)}.hero-card h1{font-size:clamp(2rem,4vw,3.5rem);margin:.35rem 0}.subtitle{max-width:680px;color:#c9d4e8;font-size:1.05rem;line-height:1.55}.status-panel{min-width:280px;background:rgba(8,13,29,.52);border:1px solid #30405f;border-radius:22px;padding:22px}.status-label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:8px}.status-panel strong{font-size:1.35rem}.progress{height:10px;background:rgba(255,255,255,.11);border-radius:999px;overflow:hidden;margin:18px 0 8px}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit;box-shadow:0 0 18px rgba(250,204,21,.45)}.status-panel small{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.summary-card,.card{background:rgba(16,24,40,.92);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 38px rgba(0,0,0,.24)}.summary-card{padding:20px}.summary-card span{display:block;color:var(--muted);font-size:.86rem;margin-bottom:8px}.summary-card strong{font-size:1.08rem;color:var(--text)}.summary-card.accent{border-color:#37507e;background:linear-gradient(180deg,#14234a,#101a34)}.summary-card.accent strong,.customer-email strong{color:#8ecbff}.customer-card{margin:0 0 20px;background:linear-gradient(135deg,rgba(20,35,74,.96),rgba(16,24,40,.92));border-color:#31436b}.customer-heading{margin-bottom:16px}.customer-heading h2{font-size:1.45rem;color:#f4f7fb;margin:.25rem 0 0}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-data-item{padding:16px;border:1px solid var(--line-soft);border-radius:18px;background:rgba(8,13,29,.34)}.customer-data-item span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:8px}.customer-data-item strong{display:block;color:#e8eef9;font-size:1rem;overflow-wrap:anywhere}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:20px}.card{padding:24px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-heading h2{margin:.25rem 0 0;font-size:1.35rem}.pill,.type-badge{display:inline-flex;align-items:center;border-radius:999px;font-weight:800;font-size:.8rem}.pill{background:#17254a;color:#7fa2ff;border:1px solid #31436b;padding:8px 12px}.type-badge{background:#121e38;color:#93c5fd;border:1px solid #2a3b61;padding:6px 10px}.table-wrapper{overflow-x:auto;border-radius:18px;border:1px solid var(--line-soft)}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#b8c3d8;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:12px;background:#0c1427}td{padding:14px 12px;border-bottom:1px solid #1b2740;vertical-align:top;color:#e8eef9}tbody tr:hover{background:#0d172c}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px}.timeline-dot{width:12px;height:12px;background:var(--primary);border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px rgba(70,189,242,.14)}.timeline time{display:block;color:var(--muted);font-size:.82rem}.timeline strong{display:block;margin:4px 0;color:#e8eef9}.timeline p{margin:0 0 6px;color:#c5cfdf;line-height:1.5}.timeline small{color:var(--muted)}.photos-card{margin-top:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-card{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0d1426}.photo-card img{width:100%;height:230px;object-fit:cover;display:block;background:#0b1222}.photo-card figcaption{display:grid;gap:5px;padding:14px}.photo-card strong{color:#f4f7fb}.photo-card span{color:var(--muted);font-size:.86rem}.empty-state{padding:22px;border-radius:18px;border:1px dashed #30405f;background:rgba(8,13,29,.36);color:var(--muted);text-align:center}.photo-empty{min-height:150px;display:grid;place-items:center}@media(max-width:920px){.hero-card,.content-grid{grid-template-columns:1fr;display:grid}.summary-grid,.photo-grid,.customer-grid{grid-template-columns:repeat(2,1fr)}.customer-email{grid-column:1/-1}.status-panel{min-width:0}.top-brand-bar{align-items:flex-start}.brand-logo{width:76px}}@media(max-width:620px){.app-shell{width:min(100% - 20px,1180px);margin:14px auto 32px}.top-brand-bar{flex-direction:column}.brand{width:100%;justify-content:flex-start}.brand-logo{width:66px}.hero-card,.card{padding:18px;border-radius:20px}.summary-grid,.photo-grid,.customer-grid{grid-template-columns:1fr}.customer-email{grid-column:auto}.section-heading{flex-direction:column}.photo-card img{height:210px}table{min-width:680px}}