:root {
      --bg:#0b0d10;
      --panel:#12161b;
      --panel2:#171c22;
      --text:#f3f5f7;
      --muted:#9ea7b3;
      --line:#242b34;
      --chip:#1b222b;
      --accent:#d8b247;
      --good:#97d6a4;
      --danger:#ef9d9d;
      --shadow:0 10px 30px rgba(0,0,0,.22);
    }
    body.light {
      --bg:#f7f7f5;
      --panel:#ffffff;
      --panel2:#f1f3f5;
      --text:#101418;
      --muted:#5d6773;
      --line:#e3e7ed;
      --chip:#f4f6f8;
      --accent:#b88308;
      --good:#19682a;
      --danger:#a43d3d;
      --shadow:0 8px 24px rgba(17,24,39,.08);
    }
    * { box-sizing:border-box; }
    html,body { margin:0; padding:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:var(--bg); color:var(--text); }
    a { color:inherit; text-decoration:none; }
    button,input,textarea,select { font:inherit; }
    img { display:block; max-width:100%; }
    .container { max-width:1280px; margin:0 auto; padding:0 20px; }
    .nav { position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
    .nav-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px; }
    .brand { display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.02em; }
    .brand-copy{display:flex;flex-direction:column;line-height:1.02}
    .brand-support{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
    .logo { width:112px; height:42px; border-radius:14px; background:url('./afua-logo-wide.png') center/contain no-repeat; background-color:transparent; flex:0 0 auto; }
    .nav-links { display:flex; flex-wrap:wrap; gap:8px; }
    .nav-links a { padding:10px 12px; border-radius:999px; color:var(--muted); }
    .nav-links a.active,.nav-links a:hover { background:var(--panel); color:var(--text); }
    .nav-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .btn { border:1px solid var(--line); background:var(--panel); color:var(--text); padding:11px 16px; border-radius:14px; cursor:pointer; }
    .btn:hover { transform:translateY(-1px); }
    .btn.primary { background:var(--text); color:var(--bg); border-color:transparent; }
    .btn.ghost { background:transparent; }
    .btn.small { padding:8px 12px; border-radius:12px; font-size:.92rem; }
    .section { padding:28px 0 12px; }
    .hero { padding:44px 0 24px; }
    .hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center; }
    h1 { font-size:clamp(2.2rem,5vw,4.9rem); line-height:1.02; margin:0 0 14px; }
    h2 { font-size:clamp(1.6rem,3vw,2.2rem); margin:0 0 14px; }
    h3 { font-size:1.02rem; margin:0 0 8px; }
    p { color:var(--muted); line-height:1.6; }
    .kicker { letter-spacing:.11em; text-transform:uppercase; color:var(--muted); font-size:.78rem; }
    .cta-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
    .section-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px; }
    .grid { display:grid; gap:16px; }
    .photo-grid { grid-template-columns:repeat(4,1fr); }
    .creator-grid,.collection-grid,.dashboard-grid,.insight-grid,.plan-grid,.stats,.score-grid { grid-template-columns:repeat(3,1fr); }
    .stats { display:grid; gap:16px; }
    .split { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .stack,.timeline,.list { display:grid; gap:12px; }
    .layout-grid { display:grid; grid-template-columns:260px 1fr; gap:18px; }
    .card,.feature,.sidebar,.stat,.score-card,.timeline-item,.list-item { background:var(--panel); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
    .card { overflow:hidden; }
    .card-body,.feature,.stat,.score-card,.timeline-item,.list-item,.sidebar { padding:16px; }
    .media { aspect-ratio:4/5; background:linear-gradient(135deg,#2c343f,#8893a2); }
    .media.landscape { aspect-ratio:16/10; }
    .mock-photo-1 { background:linear-gradient(135deg,#565f6e,#99a3b2); }
    .mock-photo-2 { background:linear-gradient(135deg,#4f5560,#85919f); }
    .mock-photo-3 { background:linear-gradient(135deg,#47505d,#7b8593); }
    .mock-photo-4 { background:linear-gradient(135deg,#5b6270,#9ca4b0); }
    .meta { display:flex; justify-content:space-between; gap:12px; align-items:start; }
    .muted { color:var(--muted); }
    .chips,.inline-actions,.topbar { display:flex; gap:8px; flex-wrap:wrap; }
    .chip,.pill { padding:8px 12px; background:var(--chip); border:1px solid var(--line); border-radius:999px; color:var(--muted); }
    .pill { font-size:.78rem; padding:6px 10px; }
    .statrow { display:flex; gap:14px; flex-wrap:wrap; color:var(--muted); font-size:.92rem; }
    .avatar { width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,#788291,#cad1d9); }
    .creator-head { display:flex; gap:12px; align-items:center; }
    .collage { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .shot { height:190px; border-radius:24px; background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,0)), linear-gradient(135deg,#2b313a,#788291); border:1px solid rgba(255,255,255,.08); position:relative; overflow:hidden; box-shadow:var(--shadow); }
    .shot.tall { height:392px; }
    .shot:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 28%), radial-gradient(circle at 75% 30%, rgba(255,255,255,.12), transparent 30%), linear-gradient(180deg, transparent 30%, rgba(0,0,0,.22)); }
    .search { display:flex; gap:10px; background:var(--panel); border:1px solid var(--line); padding:12px 14px; border-radius:18px; }
    .search input { background:transparent; border:none; outline:none; color:var(--text); width:100%; }
    .field { display:grid; gap:8px; }
    .field input,.field textarea,.field select { background:var(--panel2); border:1px solid var(--line); border-radius:14px; padding:12px 14px; color:var(--text); width:100%; }
    .form { display:grid; gap:14px; }
    .dropzone { border:1.5px dashed var(--line); border-radius:22px; padding:28px; text-align:center; background:var(--panel); }
    .message-shell { display:grid; grid-template-columns:320px 1fr; gap:16px; }
    .thread { display:flex; flex-direction:column; min-height:520px; }
    .thread-body { padding:18px; display:grid; gap:12px; flex:1; }
    .bubble { max-width:72%; padding:12px 14px; border-radius:18px; background:var(--panel2); border:1px solid var(--line); }
    .bubble.me { margin-left:auto; background:var(--text); color:var(--bg); border-color:transparent; }
    .composer { display:flex; gap:10px; padding:16px; border-top:1px solid var(--line); }
    .composer input { flex:1; background:var(--panel2); border:1px solid var(--line); padding:12px 14px; border-radius:14px; color:var(--text); }
    .notice { padding:14px 16px; background:color-mix(in srgb, var(--accent) 12%, var(--panel)); border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius:18px; color:var(--text); }
    .badge-dot { display:inline-flex; align-items:center; justify-content:center; min-width:24px; padding:4px 8px; border-radius:999px; background:var(--text); color:var(--bg); font-size:.78rem; }
    .menu-panel { position:absolute; right:0; top:calc(100% + 10px); width:min(320px,88vw); padding:10px; background:var(--panel); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); display:none; z-index:45; }
    .menu-panel.open { display:block; }
    .user-menu { position:relative; }
    .menu-profile { padding:12px 14px; border-bottom:1px solid var(--line); }
    .menu-list { display:grid; gap:6px; padding:8px 0; }
    .menu-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:14px; color:var(--text); background:transparent; border:none; text-align:left; width:100%; cursor:pointer; }
    .menu-item:hover { background:var(--panel2); }
    .hamburger-btn { display:inline-flex; align-items:center; gap:10px; }
    .hamburger-icon { display:grid; gap:4px; }
    .hamburger-icon span { display:block; width:18px; height:2px; background:currentColor; border-radius:999px; }
    .hidden { display:none !important; }
    .footer { padding:40px 0 70px; color:var(--muted); }
    .footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:24px; align-items:start; }
    .footer-links { display:grid; gap:10px; }
    .price { font-size:2rem; font-weight:700; }
    .metric { display:grid; gap:3px; margin-top:10px; }
    .progress { height:10px; background:var(--panel2); border-radius:999px; overflow:hidden; margin-top:8px; border:1px solid var(--line); }
    .progress span { display:block; height:100%; background:linear-gradient(90deg,var(--accent),#f2d27a); }
    .overlay { position:fixed; inset:0; background:rgba(9,12,16,.5); display:none; align-items:center; justify-content:center; padding:20px; z-index:90; }
    .overlay.open { display:flex; }
    .modal { width:min(640px,100%); background:var(--panel); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); overflow:hidden; }
    .modal-head,.modal-foot { padding:16px 18px; border-bottom:1px solid var(--line); }
    .modal-foot { border-top:1px solid var(--line); border-bottom:none; display:flex; justify-content:flex-end; gap:10px; }
    .modal-body { padding:18px; }
    .empty { padding:20px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:18px; }
    .rank { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
    .rank:last-child { border-bottom:none; }
    .admin-table { width:100%; border-collapse:collapse; }
    .admin-table th,.admin-table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
    .two-col { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }
    .three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .mini-stat { padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .checklist { display:grid; gap:10px; }
    .check-item { display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .check-dot { width:18px; height:18px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#f2d27a); margin-top:2px; flex:0 0 auto; }
    .calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
    .calendar-day { padding:12px; min-height:92px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .setting-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
    .setting-row:last-child { border-bottom:none; }
    .toggle-pill { padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--chip); cursor:pointer; }
    .toggle-pill.on { background:var(--text); color:var(--bg); border-color:transparent; }
    .ledger { display:grid; gap:10px; }
    .ledger-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .bars { display:grid; gap:10px; }
    .bar-row { display:grid; gap:6px; }
    .bar-track { height:10px; border-radius:999px; background:var(--panel2); border:1px solid var(--line); overflow:hidden; }
    .bar-track span { display:block; height:100%; background:linear-gradient(90deg,var(--accent),#f2d27a); }
    .board { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .board-col { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .board-col h3 { margin-bottom:12px; }
    .preference-list { display:grid; gap:12px; }
    .subtle-card { padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .crm-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .crm-card { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .comment-admin { display:grid; gap:12px; }
    .report-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .queue-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .mini-board { display:grid; gap:10px; }
    .message-filter { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
    .booking-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .booking-slot { padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .upload-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .collection-editor { display:grid; gap:12px; }
    .profile-preview { padding:18px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
    .account-shell { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
    .cover-preview { height:180px; border-radius:22px; background:linear-gradient(135deg,#4f5866,#8f99aa); border:1px solid var(--line); position:relative; overflow:hidden; }
    .cover-preview::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent, rgba(0,0,0,.18)); }
    .profile-avatar-large { width:88px; height:88px; border-radius:50%; background:linear-gradient(135deg,#788291,#cad1d9); border:4px solid var(--panel); margin-top:-44px; position:relative; z-index:2; }
    .account-card { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .theme-swatches { display:flex; gap:10px; flex-wrap:wrap; }
    .theme-swatch { padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); cursor:pointer; min-width:120px; }
    .theme-swatch.active { outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent); }
    .contract-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .comments-wrap { display:grid; gap:12px; }
    .comment-card { padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:var(--shadow); }
    .comment-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
    .reply-list { display:grid; gap:10px; margin-top:10px; margin-left:18px; }
    .reply-card { padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .comment-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .funnel-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .health-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .timeline-compact { display:grid; gap:10px; }
    .timeline-compact .item { padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .checkout-shell { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
    .summary-card { padding:18px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
    .buyer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .floating-actions { position:fixed; right:22px; bottom:22px; display:grid; gap:10px; z-index:60; }
    .floating-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:132px; padding:14px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:#2a2f36; color:#fff; box-shadow:0 14px 34px rgba(0,0,0,.22); cursor:pointer; font-weight:700; letter-spacing:.01em; }
    .floating-btn:hover { transform:translateY(-1px); }
    .floating-btn.search { background:#363c44; }
    .quick-actions-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:14px; }
    .quick-action-card { padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); cursor:pointer; }
    .saved-searches { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .dropzone-mini { border:1.5px dashed var(--line); border-radius:18px; padding:18px; text-align:center; background:var(--panel2); margin-top:12px; }
    body.light .floating-btn { background:#34393f; color:#fff; border-color:rgba(0,0,0,.06); }
    body.light .floating-btn.search { background:#444a53; }

    .preview-workspace { display:grid; grid-template-columns:320px 1fr; gap:16px; }
    .preview-panel { padding:16px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
    .preview-device-switch { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .preview-shell { padding:18px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(180deg,var(--panel2),var(--panel)); box-shadow:var(--shadow); min-height:640px; }
    .preview-shell.mobile { max-width:390px; margin:0 auto; border-radius:34px; padding:12px; background:#0f1318; border:1px solid rgba(255,255,255,.08); }
    .preview-shell.tablet { max-width:820px; margin:0 auto; border-radius:32px; padding:14px; background:#151922; border:1px solid rgba(255,255,255,.08); }
    .phone-frame { border:1px solid rgba(255,255,255,.08); border-radius:28px; overflow:hidden; background:var(--bg); min-height:720px; position:relative; }
    .tablet-frame { border:1px solid rgba(255,255,255,.08); border-radius:24px; overflow:hidden; background:var(--bg); min-height:620px; max-width:780px; margin:0 auto; }
    .phone-notch { width:42%; height:22px; background:#0a0d11; border-radius:0 0 16px 16px; margin:0 auto; }
    .preview-canvas { padding:20px; display:grid; gap:14px; }
    .preview-shell.mobile .preview-canvas { padding:16px; }
    .preview-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .live-preview-stack { display:grid; gap:14px; }
    .device-preview-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .device-preview-meta .muted { margin:0; }
    .live-preview-device { width:100%; max-width:100%; margin:0 auto; border:1px solid rgba(255,255,255,.08); background:#0f1318; box-shadow:var(--shadow); overflow:hidden; }
    .live-preview-device.desktop { border-radius:24px; }
    .live-preview-device.tablet { max-width:834px; border-radius:28px; }
    .live-preview-device.mobile { max-width:390px; border-radius:36px; }
    .live-preview-iframe { display:block; width:100%; border:0; background:var(--bg); }
    .live-preview-device.desktop .live-preview-iframe { min-height:920px; }
    .live-preview-device.tablet .live-preview-iframe { min-height:980px; }
    .live-preview-device.mobile .live-preview-iframe { min-height:844px; }
    .manual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .manual-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); box-shadow:var(--shadow); display:grid; gap:12px; }
    .manual-list { display:grid; gap:10px; }
    .manual-item { padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
    .manual-item strong { display:block; margin-bottom:4px; }
    .manual-callout { padding:14px 16px; border-radius:18px; border:1px solid var(--line); background:linear-gradient(180deg,var(--panel2),var(--panel)); }
    .nav, .nav *, .mobile-bottom-nav, .mobile-bottom-nav * { -webkit-user-drag:none; user-select:none; }
    .nav a, .brand, .mobile-bottom-nav a { -webkit-user-drag:none; }
    .nav { position:sticky; top:0; left:0; right:0; transform:none !important; touch-action:pan-y pinch-zoom; overscroll-behavior:contain; }
    @media (max-width:1040px) { .manual-grid { grid-template-columns:1fr; } }
    .preview-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .preview-kpi { padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .preview-hero { padding:18px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,color-mix(in srgb, var(--accent) 12%, var(--panel)),var(--panel)); }
    .preview-list { display:grid; gap:10px; }
    .preview-list-item { padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .admin-alert-stack { display:grid; gap:12px; }
    .admin-alert-card { padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
    .admin-alert-card.high { border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); }
    .admin-alert-card.medium { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
    .weakness-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .weakness-card { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .weakness-card .score { font-size:1.7rem; font-weight:800; }
    .fault-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .fault-chip { padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    @media (max-width:1040px) { .preview-workspace, .weakness-grid, .fault-strip { grid-template-columns:1fr; } }

    @media (max-width:760px) {
      .floating-actions { right:14px; bottom:14px; }
      .floating-btn { min-width:116px; padding:12px 16px; }
    }
    .team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .workspace-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .ops-matrix { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .safe-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .safe-timeline { display:grid; gap:10px; }
    .safe-timeline-item { padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .market-tools { display:grid; grid-template-columns:280px 1fr; gap:18px; }
    .market-filters { padding:16px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
    .market-highlights { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .buyer-ops-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .licensing-matrix { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .page-ops-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .signal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .message-board { display:grid; grid-template-columns:280px 1fr 320px; gap:16px; }
    .message-sidebar { display:grid; gap:12px; }
    .message-inspector { display:grid; gap:12px; }
    .inspector-card { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .workflow-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .member-list { display:grid; gap:10px; }
    .member-row { padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .profile-stats { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
    .account-grid-advanced { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .prefs-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .online-dot { display:inline-block; width:10px; height:10px; border-radius:50%; background:#38c172; box-shadow:0 0 0 3px rgba(56,193,114,.18); margin-right:8px; vertical-align:middle; }
    .status-online { display:inline-flex; align-items:center; gap:8px; }
    .chat-shell { display:grid; gap:12px; }
    .chat-msg { padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .chat-msg.admin { background:var(--panel); }
    .verified-badge { position:relative; display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; margin-left:6px; vertical-align:middle; color:#fff; font-size:10px; font-weight:900; background:linear-gradient(180deg,#58a6ff 0%,#2f80ed 55%,#1766d1 100%); clip-path:polygon(50% 0%,63% 8%,77% 4%,86% 16%,98% 22%,94% 36%,100% 50%,94% 64%,98% 78%,86% 84%,77% 96%,63% 92%,50% 100%,37% 92%,23% 96%,14% 84%,2% 78%,6% 64%,0% 50%,6% 36%,2% 22%,14% 16%,23% 4%,37% 8%); box-shadow:0 6px 16px rgba(35,118,214,.34), inset 0 1px 0 rgba(255,255,255,.38), inset 0 -2px 4px rgba(8,35,82,.25); }
    .verified-badge::before { content:''; position:absolute; inset:2px; clip-path:inherit; background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)); opacity:.95; }
    .verified-badge span, .verified-badge strong { position:relative; z-index:1; }
    .subscriber-star { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:#d4a72c; color:#fff; font-size:11px; font-weight:800; margin-left:6px; vertical-align:middle; }
    .admin-table th { color:var(--muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }
    @media (max-width:1080px) {
      .photo-grid { grid-template-columns:repeat(3,1fr); }
      .creator-grid,.collection-grid,.dashboard-grid,.insight-grid,.plan-grid,.stats,.score-grid,.split,.footer-grid,.layout-grid,.message-shell,.hero-grid { grid-template-columns:1fr; }
      .sidebar { position:static; }
    }

    .preview-workspace { display:grid; grid-template-columns:320px 1fr; gap:16px; }
    .preview-panel { padding:16px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); }
    .preview-device-switch { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .preview-shell { padding:18px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(180deg,var(--panel2),var(--panel)); box-shadow:var(--shadow); min-height:640px; }
    .preview-shell.mobile { max-width:390px; margin:0 auto; border-radius:34px; padding:12px; background:#0f1318; border:1px solid rgba(255,255,255,.08); }
    .preview-shell.tablet { max-width:820px; margin:0 auto; border-radius:32px; padding:14px; background:#151922; border:1px solid rgba(255,255,255,.08); }
    .phone-frame { border:1px solid rgba(255,255,255,.08); border-radius:28px; overflow:hidden; background:var(--bg); min-height:720px; position:relative; }
    .tablet-frame { border:1px solid rgba(255,255,255,.08); border-radius:24px; overflow:hidden; background:var(--bg); min-height:620px; max-width:780px; margin:0 auto; }
    .phone-notch { width:42%; height:22px; background:#0a0d11; border-radius:0 0 16px 16px; margin:0 auto; }
    .preview-canvas { padding:20px; display:grid; gap:14px; }
    .preview-shell.mobile .preview-canvas { padding:16px; }
    .preview-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .live-preview-stack { display:grid; gap:14px; }
    .device-preview-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .device-preview-meta .muted { margin:0; }
    .live-preview-device { width:100%; max-width:100%; margin:0 auto; border:1px solid rgba(255,255,255,.08); background:#0f1318; box-shadow:var(--shadow); overflow:hidden; }
    .live-preview-device.desktop { border-radius:24px; }
    .live-preview-device.tablet { max-width:834px; border-radius:28px; }
    .live-preview-device.mobile { max-width:390px; border-radius:36px; }
    .live-preview-iframe { display:block; width:100%; border:0; background:var(--bg); }
    .live-preview-device.desktop .live-preview-iframe { min-height:920px; }
    .live-preview-device.tablet .live-preview-iframe { min-height:980px; }
    .live-preview-device.mobile .live-preview-iframe { min-height:844px; }
    .manual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .manual-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); box-shadow:var(--shadow); display:grid; gap:12px; }
    .manual-list { display:grid; gap:10px; }
    .manual-item { padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
    .manual-item strong { display:block; margin-bottom:4px; }
    .manual-callout { padding:14px 16px; border-radius:18px; border:1px solid var(--line); background:linear-gradient(180deg,var(--panel2),var(--panel)); }
    .nav, .nav *, .mobile-bottom-nav, .mobile-bottom-nav * { -webkit-user-drag:none; user-select:none; }
    .nav a, .brand, .mobile-bottom-nav a { -webkit-user-drag:none; }
    .nav { position:sticky; top:0; left:0; right:0; transform:none !important; touch-action:pan-y pinch-zoom; overscroll-behavior:contain; }
    @media (max-width:1040px) { .manual-grid { grid-template-columns:1fr; } }
    .preview-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .preview-kpi { padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .preview-hero { padding:18px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,color-mix(in srgb, var(--accent) 12%, var(--panel)),var(--panel)); }
    .preview-list { display:grid; gap:10px; }
    .preview-list-item { padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .admin-alert-stack { display:grid; gap:12px; }
    .admin-alert-card { padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
    .admin-alert-card.high { border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); }
    .admin-alert-card.medium { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
    .weakness-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .weakness-card { padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
    .weakness-card .score { font-size:1.7rem; font-weight:800; }
    .fault-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .fault-chip { padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    @media (max-width:1040px) { .preview-workspace, .weakness-grid, .fault-strip { grid-template-columns:1fr; } }

    @media (max-width:760px) {
      .nav-inner { padding:14px 0; align-items:flex-start; flex-direction:column; }
      .photo-grid,.creator-grid,.collection-grid,.dashboard-grid,.insight-grid,.plan-grid,.stats,.score-grid { grid-template-columns:1fr; }
      .collage { grid-template-columns:1fr 1fr; }
      .shot,.shot.tall { height:160px; }
      .bubble { max-width:92%; }
    }
  
    /* Mobile layout layer */
    .mobile-bottom-nav { display:none; }
    @media (max-width: 900px) {
      .nav-links { display:none !important; }
      .container { width:min(100% - 24px, 1200px); }
      .hero-grid, .split, .two-col, .ops-matrix, .workflow-grid, .market-tools, .message-board, .account-shell { grid-template-columns:1fr !important; }
      .dashboard-grid, .photo-grid, .creator-grid, .collection-grid, .buyer-grid, .page-ops-grid, .signal-grid, .feature-grid-5, .feature-grid-6, .roadmap-grid, .admin-editor-grid, .account-grid-advanced, .prefs-grid, .message-kpis, .market-highlights, .buyer-ops-grid, .licensing-matrix, .crm-grid, .upload-grid, .health-grid, .funnel-grid, .team-grid, .contract-grid, .report-grid, .stats { grid-template-columns:1fr 1fr !important; }
      .footer-grid { grid-template-columns:1fr 1fr !important; gap:20px; }
      .admin-table { min-width:860px; }
      .floating-actions { right:14px; bottom:82px; }
    }
    @media (max-width: 680px) {
      body { padding-bottom:84px; }
      .container { width:min(100% - 18px, 1200px); }
      .hero { padding:28px 0 12px; }
      .hero h1 { font-size:clamp(1.8rem, 8vw, 2.7rem); }
      .section { padding:18px 0; }
      .dashboard-grid, .photo-grid, .creator-grid, .collection-grid, .buyer-grid, .page-ops-grid, .signal-grid, .feature-grid-5, .feature-grid-6, .roadmap-grid, .admin-editor-grid, .account-grid-advanced, .prefs-grid, .message-kpis, .market-highlights, .buyer-ops-grid, .licensing-matrix, .crm-grid, .upload-grid, .health-grid, .funnel-grid, .team-grid, .contract-grid, .report-grid, .stats { grid-template-columns:1fr !important; }
      .cta-row, .inline-actions { flex-wrap:wrap; }
      .nav { position:sticky; top:0; z-index:80; backdrop-filter:blur(14px); }
      .menu-panel { width:min(92vw, 360px); right:0; }
      .footer-grid { grid-template-columns:1fr !important; }
      .floating-btn { min-width:110px; padding:12px 14px; }
      .mobile-bottom-nav {
        display:grid;
        position:fixed;
        left:10px; right:10px; bottom:10px;
        grid-template-columns:repeat(5,1fr);
        gap:8px; z-index:85; padding:10px;
        border:1px solid var(--line); border-radius:22px;
        background:rgba(18,18,20,.92); backdrop-filter:blur(14px); box-shadow:var(--shadow);
      }
      body.light .mobile-bottom-nav { background:rgba(255,255,255,.9); }
      .mobile-bottom-nav a { text-align:center; padding:10px 6px; border-radius:14px; font-size:.82rem; color:var(--muted); text-decoration:none; font-weight:700; }
      .mobile-bottom-nav a.active { background:var(--panel2); color:var(--text); }
    }

    /* Footer polish + auth options */
    .footer { margin-top:48px; border-top:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.03)); }
    .footer .container { padding-top:18px; padding-bottom:18px; }
    .footer-grid { align-items:start; }
    .footer-col .kicker { margin-bottom:10px; }
    .footer-links { display:grid; gap:10px; }
    .footer-links a { color:var(--muted); text-decoration:none; }
    .footer-links a:hover { color:var(--text); }
    .footer-copy-wrap { border-top:1px solid var(--line); margin-top:8px; }
    .auth-options { display:grid; gap:12px; margin-top:16px; }
    .google-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 14px; border-radius:16px; border:1px solid var(--line); background:var(--panel2); cursor:pointer; font-weight:700; }
    .google-mark { width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#fff; color:#4285F4; font-weight:900; font-size:12px; }
    .divider-row { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:.9rem; }
    .divider-row::before, .divider-row::after { content:''; height:1px; background:var(--line); flex:1; }
    @media (max-width: 680px) {
      .footer { margin-top:32px; }
      .footer-grid { gap:18px; }
      .footer-copy-wrap .container { padding-top:14px; padding-bottom:90px; }
    }

    .message-kpi-boxes { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
    .message-kpi-boxes .mini-panel { min-height:96px; display:flex; flex-direction:column; justify-content:center; }
    .message-board-compact { display:grid; grid-template-columns:260px 1fr 280px; gap:16px; }
    .thread-grid-mini { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
    @media (max-width: 900px) {
      .message-board-compact { grid-template-columns:1fr !important; }
      .message-kpi-boxes { grid-template-columns:repeat(2,1fr) !important; }
      .thread-grid-mini { grid-template-columns:1fr !important; }
    }
    @media (max-width: 680px) {
      .message-kpi-boxes { grid-template-columns:1fr !important; }
    }

    .apple-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 14px; border-radius:16px; border:1px solid var(--line); background:var(--panel2); cursor:pointer; font-weight:700; }
    .auth-hint { font-size:.9rem; color:var(--muted); }

    .online-dot.offline { background:#8b8b95; box-shadow:0 0 0 3px rgba(139,139,149,.18); }
    .status-presence { display:inline-flex; align-items:center; gap:8px; font-size:.92rem; }
    .chat-user-active { border-color: rgba(56,193,114,.35); }

    .creator-link { color:inherit; text-decoration:none; }
    .creator-link:hover { text-decoration:underline; }
    .photo-action-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }

    .footer-copy-wrap { border-top:1px solid var(--line); margin-top:18px; padding-top:16px; padding-bottom:8px; }
    .search-suggest-wrap { position:relative; }
    .suggestions {
      position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:40;
      border:1px solid var(--line); background:var(--panel); border-radius:16px; box-shadow:var(--shadow);
      padding:8px; display:grid; gap:4px;
    }
    .suggestion-item {
      width:100%; text-align:left; background:transparent; border:none; color:var(--text);
      padding:10px 12px; border-radius:12px; cursor:pointer; font:inherit;
    }
    .suggestion-item:hover { background:var(--panel2); }

    .loading-overlay {
      position:fixed; inset:0; z-index:120;
      background:rgba(10,10,12,.72);
      backdrop-filter:blur(10px);
      display:none; align-items:center; justify-content:center;
    }
    .loading-overlay.show { display:flex; }
    .loading-card {
      min-width:280px; max-width:360px;
      padding:26px 24px; border-radius:24px;
      border:1px solid var(--line); background:var(--panel);
      box-shadow:var(--shadow); text-align:center;
    }
    .spinner {
      width:42px; height:42px; margin:0 auto 14px;
      border-radius:50%; border:3px solid rgba(255,255,255,.12);
      border-top-color: var(--text); animation:spin 0.9s linear infinite;
    }
    @keyframes spin { to { transform:rotate(360deg); } }
    .auth-brand-icons { display:flex; gap:10px; justify-content:center; margin-top:10px; }
    .auth-brand-icon {
      width:34px; height:34px; border-radius:50%;
      border:1px solid var(--line); background:var(--panel2);
      display:flex; align-items:center; justify-content:center; font-weight:800;
    }

    .loading-title { font-size:1.05rem; font-weight:800; margin-top:2px; }
    .loading-copy { color:var(--muted); margin-top:8px; }

    .page-loader {
      position: fixed;
      top: 0; left: 0; right: 0;
      height: 3px;
      z-index: 118;
      overflow: hidden;
      background: rgba(17,24,39,.08);
      opacity: 0;
      transition: opacity .18s ease;
      pointer-events: none;
    }
    .page-loader.show { opacity: 1; }
    .page-loader::after {
      content: '';
      position: absolute;
      inset: 0 auto 0 -35%;
      width: 35%;
      background: linear-gradient(90deg, rgba(17,24,39,0), rgba(17,24,39,.92), rgba(17,24,39,0));
      animation: pageLoadSweep .9s ease-in-out infinite;
    }
    @keyframes pageLoadSweep {
      0% { transform: translateX(0); }
      100% { transform: translateX(400%); }
    }
    .home-reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .55s ease, transform .55s ease;
      will-change: opacity, transform;
    }
    .home-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    @media (prefers-reduced-motion: reduce) {
      .home-reveal,
      .home-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
      }
    }
    .success-check {
      width:52px; height:52px; margin:0 auto 14px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      background:linear-gradient(180deg, rgba(88,166,255,.22), rgba(47,128,237,.12));
      border:1px solid rgba(88,166,255,.28); font-size:1.3rem; font-weight:900;
      box-shadow:0 0 0 8px rgba(88,166,255,.07);
      animation:successPulse .52s ease;
    }
    @keyframes successPulse {
      0% { transform:scale(.78); opacity:.2; }
      70% { transform:scale(1.06); opacity:1; }
      100% { transform:scale(1); }
    }
    .auth-card-advanced.shake, .auth-form-card.shake {
      animation:authShake .32s linear 1;
      border-color:rgba(255,107,107,.42);
      box-shadow:0 0 0 1px rgba(255,107,107,.08), var(--shadow);
    }
    @keyframes authShake {
      0%,100% { transform:translateX(0); }
      20% { transform:translateX(-7px); }
      40% { transform:translateX(7px); }
      60% { transform:translateX(-5px); }
      80% { transform:translateX(5px); }
    }
    .explore-search-wrap { position:relative; }
    .explore-autocomplete { display:grid; gap:14px; margin-top:12px; padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:var(--shadow); }

    .explore-search-band{padding:18px 18px 16px}
    .explore-search-shell{display:grid;gap:12px}
    .explore-search-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .explore-search-input{
      flex:1;min-width:240px;height:52px;border-radius:16px;border:1px solid var(--line);
      background:var(--panel2);color:var(--text);padding:0 16px;font:inherit;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
    }
    .explore-search-input:focus{
      outline:none;border-color:rgba(184,137,67,.55);
      box-shadow:0 0 0 3px rgba(184,137,67,.12)
    }
    .explore-search-compact-grid{
      display:grid;grid-template-columns:1.15fr .85fr;gap:12px;align-items:start
    }
    .explore-mini-panel{
      border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:12px 13px
    }
    .explore-mini-label{
      font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px
    }
    .explore-mini-stats{
      display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
    }
    .explore-mini-stat{
      border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:10px 11px;display:grid;gap:4px
    }
    .explore-mini-stat strong{font-size:.92rem}
    .explore-mini-stat span{color:var(--muted);font-size:.78rem;line-height:1.35}
    .tag-row.compact .chip{padding:8px 11px}
    @media (max-width: 900px){
      .explore-search-compact-grid{grid-template-columns:1fr}
      .explore-mini-stats{grid-template-columns:1fr}
    }
    .explore-suggestion-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .explore-section-title { font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
    .explore-suggestion-item { width:100%; border:1px solid var(--line); background:var(--panel2); color:var(--text); border-radius:14px; padding:12px 14px; text-align:left; font:inherit; display:flex; justify-content:space-between; gap:10px; cursor:pointer; }
    .explore-suggestion-item:hover, .instant-match-card:hover { transform:translateY(-1px); }
    .explore-suggestion-meta { display:grid; gap:4px; }
    .explore-suggestion-kicker { color:var(--muted); font-size:.74rem; text-transform:uppercase; letter-spacing:.06em; }
    .explore-suggestion-value { font-weight:700; }
    .instant-match-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .instant-match-card { border:1px solid var(--line); background:var(--panel2); color:var(--text); border-radius:16px; padding:14px; text-align:left; font:inherit; cursor:pointer; }
    .spotlight-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .spotlight-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); display:grid; gap:8px; }
    @media (max-width: 900px) { .explore-suggestion-grid, .instant-match-row, .spotlight-row { grid-template-columns:1fr !important; } }


    .notif-bell { position:relative; }
    .notif-count {
      position:absolute; top:-6px; right:-6px; min-width:18px; height:18px;
      padding:0 5px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
      font-size:.72rem; font-weight:800; background:var(--text); color:var(--bg);
    }
    .payments-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .analytics-chart {
      height:220px; border-radius:18px; border:1px solid var(--line); background:var(--panel2);
      display:flex; align-items:flex-end; gap:10px; padding:18px;
    }
    .analytics-bar {
      flex:1; border-radius:14px 14px 8px 8px; background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
      min-height:28px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:10px; font-size:.75rem; color:var(--muted);
    }
    .hire-status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .notif-list { display:grid; gap:10px; }
    .notif-item { padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .message-status-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .status-chip { padding:7px 10px; border-radius:999px; border:1px solid var(--line); background:var(--panel2); font-size:.84rem; color:var(--muted); }
    @media (max-width: 900px) {
      .payments-grid, .hire-status-grid { grid-template-columns:repeat(2,1fr) !important; }
    }
    @media (max-width: 680px) {
      .payments-grid, .hire-status-grid { grid-template-columns:1fr !important; }
    }

    .auth-grid { max-width:560px; margin:28px auto 0; }
    .auth-card { border:1px solid var(--line); border-radius:24px; background:var(--panel); box-shadow:var(--shadow); padding:22px; }
    .auth-socials { display:grid; gap:10px; margin:14px 0 12px; }
    .auth-social-btn {
      width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
      padding:12px 14px; border-radius:16px; border:1px solid var(--line);
      background:var(--panel2); color:var(--text); cursor:pointer; font:inherit; font-weight:700;
    }
    .social-icon {
      width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
      background:#fff; color:#111; font-weight:900; font-size:12px;
    }
    .social-icon.apple { background:#111; color:#fff; border:1px solid rgba(255,255,255,.15); }
    .auth-divider { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:.9rem; margin:10px 0 14px; }
    .auth-divider::before, .auth-divider::after { content:''; flex:1; height:1px; background:var(--line); }

    .message-top-tools { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:12px; margin-bottom:16px; }
    .thread-toolbar { display:flex; gap:8px; flex-wrap:wrap; padding:12px 16px; border-bottom:1px solid var(--line); }
    .thread-search { width:100%; padding:11px 14px; border-radius:12px; border:1px solid var(--line); background:var(--panel2); color:var(--text); min-height:50px; }
    .messages-layout .sidebar-filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .messages-layout .sidebar-filter-chip { min-height:56px; border-radius:16px; display:grid; place-items:center; text-align:center; font-size:.78rem; font-weight:700; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:var(--muted); }
    .messages-layout .sidebar-filter-chip.hot { border-color:rgba(212,175,55,.28); color:#f3df9d; background:rgba(212,175,55,.08); }
    .reaction-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .reaction-pill { padding:6px 10px; border-radius:999px; border:1px solid var(--line); background:var(--panel2); font-size:.82rem; }
    .typing-state { margin-top:8px; color:var(--muted); font-size:.9rem; }
    .thread-tools-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
    @media (max-width: 900px) {
      .message-top-tools { grid-template-columns:1fr !important; }
      .thread-tools-grid { grid-template-columns:1fr !important; }
    }

    .ops-pill-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .mini-stat-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .mini-stat-card strong { display:block; margin-bottom:6px; }
    .market-rail { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .insight-banner { padding:16px 18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); }
    @media (max-width: 900px) {
      .ops-pill-grid, .market-rail { grid-template-columns:repeat(2,1fr) !important; }
    }
    @media (max-width: 680px) {
      .ops-pill-grid, .market-rail { grid-template-columns:1fr !important; }
    }

    .control-grid-5 { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
    .command-banner {
      padding:18px 20px; border:1px solid var(--line); border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    }
    .micro-action-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .status-tile { padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:var(--panel2); }
    .status-tile strong { display:block; margin-bottom:6px; }
    @media (max-width: 900px) {
      .control-grid-5 { grid-template-columns:repeat(2,1fr) !important; }
      .micro-action-grid { grid-template-columns:1fr !important; }
    }
    @media (max-width: 680px) {
      .control-grid-5 { grid-template-columns:1fr !important; }
    }

    .feature-stack-6 { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
    .command-chip-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .elevated-panel {
      padding:18px 20px; border:1px solid var(--line); border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      box-shadow:var(--shadow);
    }
    .tiny-signal {
      padding:10px 12px; border-radius:14px; border:1px solid var(--line);
      background:var(--panel2); color:var(--muted); font-size:.84rem;
    }
    @media (max-width: 1100px) {
      .feature-stack-6 { grid-template-columns:repeat(3,1fr) !important; }
    }
    @media (max-width: 900px) {
      .command-chip-grid { grid-template-columns:1fr !important; }
      .feature-stack-6 { grid-template-columns:repeat(2,1fr) !important; }
    }
    @media (max-width: 680px) {
      .feature-stack-6 { grid-template-columns:1fr !important; }
    }

    .mega-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .signal-panel {
      padding:18px 20px; border:1px solid var(--line); border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    }
    .utility-tile {
      padding:14px 16px; border:1px solid var(--line); border-radius:16px;
      background:var(--panel2);
    }
    .utility-tile strong { display:block; margin-bottom:6px; }
    @media (max-width: 900px) {
      .mega-grid-4 { grid-template-columns:repeat(2,1fr) !important; }
    }
    @media (max-width: 680px) {
      .mega-grid-4 { grid-template-columns:1fr !important; }
    }

    .final-grid-5 { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
    .admin-deep-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .deep-tile {
      padding:15px 16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2);
    }
    .deep-tile strong { display:block; margin-bottom:6px; }
    @media (max-width: 980px) {
      .final-grid-5 { grid-template-columns:repeat(2,1fr) !important; }
      .admin-deep-grid { grid-template-columns:1fr !important; }
    }
    @media (max-width: 680px) {
      .final-grid-5 { grid-template-columns:1fr !important; }
    }

    .admin-super-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .admin-signal-card {
      padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2);
    }
    .admin-signal-card strong { display:block; margin-bottom:6px; }
    .admin-command-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    @media (max-width: 980px) {
      .admin-super-grid { grid-template-columns:repeat(2,1fr) !important; }
      .admin-command-grid { grid-template-columns:1fr !important; }
    }
    @media (max-width: 680px) {
      .admin-super-grid { grid-template-columns:1fr !important; }
    }

    .backend-ready-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .backend-note {
      padding:16px 18px; border:1px dashed var(--line); border-radius:18px; background:var(--panel2);
    }
    @media (max-width: 900px) {
      .backend-ready-grid { grid-template-columns:1fr !important; }
    }

    .auth-host { min-height: 420px; }
    .auth-helper-note {
      margin-top: 14px; padding: 14px 16px; border:1px dashed var(--line);
      border-radius:16px; background:var(--panel2); color:var(--muted);
    }

    .auth-fallback {
      display:grid;
      gap:12px;
      margin-top:12px;
    }
    .auth-fallback-socials {
      display:grid;
      gap:10px;
    }
    .auth-fallback-btn {
      width:100%;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid var(--line);
      background:var(--panel2);
      color:var(--text);
      font:inherit;
      font-weight:700;
      cursor:pointer;
    }
    .auth-fallback-form {
      display:grid;
      gap:10px;
      margin-top:6px;
    }
    .auth-fallback-field {
      display:grid;
      gap:6px;
    }
    .auth-fallback-field input {
      width:100%;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid var(--line);
      background:var(--panel2);
      color:var(--text);
      font:inherit;
    }
    .auth-fallback-divider {
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--muted);
      font-size:.9rem;
      margin:4px 0;
    }
    .auth-fallback-divider::before,
    .auth-fallback-divider::after {
      content:'';
      flex:1;
      height:1px;
      background:var(--line);
    }

    .auth-shell-compact {
      max-width: 540px;
      margin: 22px auto 0;
    }
    .auth-card-advanced {
      border:1px solid var(--line);
      border-radius:28px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      box-shadow:var(--shadow);
      padding:22px;
      position:relative;
      overflow:hidden;
    }
    .auth-card-advanced::before {
      content:'';
      position:absolute;
      inset:auto -120px -120px auto;
      width:240px;
      height:240px;
      border-radius:999px;
      background:radial-gradient(circle, rgba(212,175,55,.12), transparent 70%);
      pointer-events:none;
    }
    .auth-headline-row {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin-bottom:14px;
    }
    .auth-mini-badge {
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:999px;
      padding:8px 12px;
      font-size:.82rem;
      color:var(--muted);
      white-space:nowrap;
    }
    .auth-value-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin:14px 0 18px;
    }
    .auth-value-tile {
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:18px;
      padding:12px 14px;
    }
    .auth-value-tile strong {
      display:block;
      font-size:.92rem;
      margin-bottom:4px;
    }
    .auth-fallback.social-upgrade {
      gap:14px;
    }
    .auth-fallback-socials.social-upgrade {
      grid-template-columns:repeat(2,1fr);
    }
    .auth-fallback-btn.social-advanced {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:50px;
      border-radius:16px;
      font-size:.96rem;
    }
    .auth-icon-chip {
      width:26px;
      height:26px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      color:#111;
      font-weight:800;
      font-size:.9rem;
    }
    .auth-icon-chip.apple {
      background:#111;
      color:#fff;
      border:1px solid rgba(255,255,255,.12);
    }
    .auth-form-card {
      border:1px solid var(--line);
      background:rgba(255,255,255,.02);
      border-radius:20px;
      padding:14px;
    }
    .auth-cta-row {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin-top:8px;
    }
    .auth-utility-strip {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:14px;
    }
    .auth-utility-chip {
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:999px;
      padding:8px 10px;
      font-size:.8rem;
      color:var(--muted);
    }
    @media (max-width: 720px) {
      .auth-value-grid { grid-template-columns:1fr; }
      .auth-fallback-socials.social-upgrade,
      .auth-cta-row { grid-template-columns:1fr; }
      .auth-headline-row { flex-direction:column; }
      .auth-card-advanced { padding:18px; border-radius:24px; }
      .auth-shell-compact { max-width: 100%; }
    }

    .admin-ops-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .admin-ops-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); }
    .admin-ops-card strong { display:block; margin-bottom:6px; }
    .admin-mega-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    @media (max-width: 980px) { .admin-ops-grid-4, .admin-mega-grid { grid-template-columns:1fr !important; } }

    .ultra-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    .ultra-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .ultra-grid-5 { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
    .signal-card-advanced {
      padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel2);
    }
    .signal-card-advanced strong { display:block; margin-bottom:6px; }
    .premium-banner-advanced {
      padding:18px 20px; border:1px solid var(--line); border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    }
    @media (max-width: 980px) {
      .ultra-grid-4, .ultra-grid-3, .ultra-grid-5 { grid-template-columns:1fr !important; }
    }

    .mega-feature-grid-5 { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
    .mega-feature-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
    .mega-feature-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .micro-feature-card {
      padding:14px 15px; border:1px solid var(--line); border-radius:16px; background:var(--panel2);
    }
    .micro-feature-card strong { display:block; margin-bottom:6px; }
    .messages-layout .conversation-list .card,
    .messages-layout .thread-card-list .card {
      border-radius:18px !important;
    }

    .messages-layout .message-sidebar {
      border:1px solid var(--line);
      border-radius:28px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      overflow:hidden;
      box-shadow:var(--shadow);
    }
    .messages-layout .inbox-summary-grid {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin:0 0 14px;
    }
    .messages-layout .inbox-stat-card {
      border:1px solid rgba(255,255,255,.07);
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border-radius:18px;
      padding:12px 14px;
      display:grid;
      gap:4px;
    }
    .messages-layout .inbox-stat-card strong {
      font-size:1.02rem;
      letter-spacing:-.02em;
    }
    .messages-layout .inbox-stat-card span {
      color:var(--muted);
      font-size:.78rem;
    }
    .messages-layout .inbox-section-label {
      padding:6px 2px 0;
      color:var(--muted);
      font-size:.76rem;
      text-transform:uppercase;
      letter-spacing:.16em;
    }
    .messages-layout .message-sidebar .list {
      display:grid;
      gap:10px;
      padding:12px;
    }
    .messages-layout .social-inbox-item {
      width:100%;
      text-align:left;
      background:rgba(255,255,255,.02);
      border:1px solid rgba(255,255,255,.06);
      border-radius:20px;
      padding:12px 12px 11px;
      display:grid;
      gap:10px;
      transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
      position:relative;
      overflow:hidden;
    }
    .messages-layout .social-item-accent {
      position:absolute;
      left:0;
      top:14px;
      bottom:14px;
      width:3px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(212,175,55,.95), rgba(212,175,55,0));
      opacity:.9;
    }
    .messages-layout .social-inbox-item:hover {
      transform:translateY(-1px);
      border-color:rgba(212,175,55,.24);
      background:rgba(255,255,255,.04);
    }
    .messages-layout .social-inbox-item.chat-user-active {
      background:linear-gradient(180deg, rgba(212,175,55,.12), rgba(255,255,255,.04));
      border-color:rgba(212,175,55,.34);
      box-shadow:0 18px 40px rgba(0,0,0,.18);
    }
    .messages-layout .social-inbox-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }
    .messages-layout .social-inbox-profile {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      flex:1;
    }
    .messages-layout .social-avatar {
      width:50px;
      height:50px;
      border-radius:18px;
      display:grid;
      place-items:center;
      font-weight:800;
      font-size:.94rem;
      color:#fff;
      background:linear-gradient(135deg, rgba(212,175,55,.95), rgba(122,92,18,.95));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px rgba(0,0,0,.22);
      position:relative;
      flex:0 0 auto;
    }
    .messages-layout .social-avatar-dot {
      position:absolute;
      right:-1px;
      bottom:-1px;
      width:12px;
      height:12px;
      border-radius:999px;
      border:2px solid #0d0d0f;
      background:#2bd576;
      box-shadow:0 0 0 4px rgba(43,213,118,.12), 0 0 18px rgba(43,213,118,.7);
    }
    .messages-layout .social-avatar-dot.offline {
      background:#5a606f;
      box-shadow:none;
    }
    .messages-layout .social-name-wrap {
      min-width:0;
      display:grid;
      gap:4px;
    }
    .messages-layout .social-name-line {
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
    }
    .messages-layout .social-name-line strong {
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      display:block;
      max-width:100%;
    }
    .messages-layout .social-presence-line {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      color:var(--muted);
      font-size:.82rem;
    }
    .messages-layout .social-time {
      color:var(--muted);
      font-size:.76rem;
      white-space:nowrap;
      flex:0 0 auto;
    }
    .messages-layout .social-preview {
      margin:0;
      color:#ece7dc;
      line-height:1.38;
      font-size:.92rem;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .messages-layout .social-meta-row {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      color:var(--muted);
      font-size:.77rem;
    }
    .messages-layout .social-meta-row .social-chip-row {
      gap:6px;
    }
    .messages-layout .social-inbox-footer {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .messages-layout .social-chip-row {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .messages-layout .social-mini-chip {
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:var(--muted);
      border-radius:999px;
      padding:6px 10px;
      font-size:.76rem;
    }
    .messages-layout .social-mini-chip.hot {
      border-color:rgba(212,175,55,.28);
      color:#f3df9d;
      background:rgba(212,175,55,.08);
    }
    .messages-layout .social-unread {
      min-width:28px;
      height:28px;
      padding:0 9px;
      display:inline-grid;
      place-items:center;
      border-radius:999px;
      background:#e8c86a;
      color:#19140b;
      font-size:.78rem;
      font-weight:800;
      box-shadow:0 8px 20px rgba(212,175,55,.28);
    }
    @media (max-width: 980px) {
      .messages-layout .social-inbox-item { border-radius:18px; }
      .messages-layout .social-avatar { width:46px; height:46px; border-radius:16px; }
      .messages-layout .inbox-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    .messages-layout .conversation-list .card-body {
      min-height: 150px !important;
      padding: 14px !important;
    }
    .messages-layout .thread-panel {
      min-height: 420px !important;
    }
    .messages-layout .thread-bubble.me {
      max-width: 340px !important;
      min-height: 180px !important;
      border-radius: 20px !important;
      padding: 14px 16px !important;
    }
    .messages-layout .thread-bubble.other {
      max-width: 340px !important;
      min-height: 84px !important;
      border-radius: 18px !important;
      padding: 12px 14px !important;
    }
    .messages-layout .user-preview-card,
    .messages-layout .conversation-list .mini-contact-card {
      border-radius:16px !important;
      min-height: 110px !important;
    }
    .messages-layout .identity-box-rect,
    .messages-layout .conversation-identity {
      border-radius:14px !important;
      min-height: 96px !important;
      padding:12px 14px !important;
    }
    @media (max-width: 980px) {
      .mega-feature-grid-5, .mega-feature-grid-4, .mega-feature-grid-3 { grid-template-columns:1fr !important; }
      .messages-layout .thread-bubble.me,
      .messages-layout .thread-bubble.other { max-width: 100% !important; }
    }

    .launch-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:16px;
      margin-top:14px;
    }
    .launch-stack,.intel-stack{
      display:grid;
      gap:14px;
    }
    .launch-card,.intel-card{
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:24px;
      padding:18px;
      box-shadow:var(--shadow);
    }
    .metric-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid var(--line);
      border-radius:999px;
      padding:7px 12px;
      background:var(--panel2);
      color:var(--muted);
      font-size:.82rem;
      margin:0 8px 8px 0;
    }
    .ops-list{
      display:grid;
      gap:10px;
      margin-top:12px;
    }
    .ops-row{
      display:flex;
      justify-content:space-between;
      gap:14px;
      border:1px solid var(--line);
      border-radius:18px;
      padding:12px 14px;
      background:rgba(255,255,255,.02);
    }
    .ops-row strong{display:block}
    .queue-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:14px;
    }
    .queue-card{
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:20px;
      padding:16px;
    }
    .queue-card .price{
      font-size:1.4rem;
      margin:4px 0 6px;
    }
    .mini-command{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:12px;
    }
    .mini-command button{
      border:1px solid var(--line);
      background:transparent;
      color:var(--text);
      padding:10px 13px;
      border-radius:14px;
      cursor:pointer;
      font:inherit;
    }
    .mini-command button:hover{background:var(--panel2)}
    .watch-table{
      display:grid;
      gap:10px;
      margin-top:12px;
    }
    .watch-row{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:10px;
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:16px;
      padding:11px 12px;
      align-items:center;
    }
    @media (max-width:860px){
      .launch-grid,.queue-grid{
        grid-template-columns:1fr;
      }
      .watch-row{
        grid-template-columns:1fr;
      }
    }

  
    .signal-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin-top:14px;
    }
    .signal-card{
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:20px;
      padding:16px;
      box-shadow:var(--shadow);
    }
    .signal-card .value{
      font-size:1.55rem;
      font-weight:800;
      margin:6px 0 4px;
    }
    .feature-band{
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
      border-radius:24px;
      padding:18px;
      margin-top:14px;
      box-shadow:var(--shadow);
    }
    .ops-2col{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-top:14px;
    }
    .workflow-card{
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:20px;
      padding:16px;
    }
    .workflow-list{
      display:grid;
      gap:10px;
      margin-top:10px;
    }
    .workflow-item{
      display:flex;
      justify-content:space-between;
      gap:12px;
      border:1px solid var(--line);
      background:var(--panel2);
      border-radius:16px;
      padding:10px 12px;
      align-items:center;
    }
    .tiny-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid var(--line);
      border-radius:999px;
      padding:5px 10px;
      font-size:.78rem;
      color:var(--muted);
      background:rgba(255,255,255,.03);
    }
    .command-row-flex{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:12px;
    }
    .command-row-flex button{
      border:1px solid var(--line);
      background:transparent;
      color:var(--text);
      border-radius:14px;
      padding:10px 13px;
      font:inherit;
      cursor:pointer;
    }
    .command-row-flex button:hover{background:var(--panel2)}
    @media (max-width: 900px){
      .signal-grid{grid-template-columns:1fr 1fr}
      .ops-2col{grid-template-columns:1fr}
    }
    @media (max-width: 620px){
      .signal-grid{grid-template-columns:1fr}
    }

  
    .pricing-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
    .pricing-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
    .pricing-card{
      border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden
    }
    .pricing-card.featured{border-color:rgba(184,137,67,.55);background:linear-gradient(180deg,rgba(184,137,67,.08),rgba(255,255,255,0))}
    .pricing-price{font-size:2.1rem;font-weight:900;margin:8px 0}
    .pricing-sub{color:var(--muted);font-size:.92rem}
    .pricing-list{display:grid;gap:10px;margin-top:14px}
    .pricing-item{
      display:flex;justify-content:space-between;gap:12px;align-items:center;
      border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--panel2)
    }
    .pricing-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
    .pricing-kpi{
      border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:14px
    }
    .pricing-kpi .value{font-size:1.45rem;font-weight:900;margin:6px 0 4px}
    .pricing-addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
    .pricing-addon{
      border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px;box-shadow:var(--shadow)
    }
    .pricing-compare{
      border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-top:16px
    }
    .pricing-compare-row{
      display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr;gap:12px;align-items:center;
      padding:12px 0;border-top:1px solid var(--line)
    }
    .pricing-compare-row:first-child{border-top:none}
    .pricing-badge{
      display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);
      color:var(--muted);padding:7px 11px;border-radius:999px;font-size:.82rem
    }
    @media (max-width: 1100px){
      .pricing-hero-grid,.pricing-tier-grid,.pricing-kpi-grid,.pricing-addon-grid,.pricing-compare-row{grid-template-columns:1fr}
    }

  
    .auth-shell-compact{max-width:640px;margin:0 auto}
    .auth-card-advanced,.auth-card{
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:24px;
      padding:22px;
      box-shadow:var(--shadow);
    }
    .auth-headline-row{
      display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px
    }
    .auth-mini-badge,.auth-note-strong,.auth-helper-note{
      display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);
      background:var(--panel2);color:var(--muted);font-size:.82rem
    }
    .auth-helper-note{display:block;border-radius:16px;padding:12px 14px}
    .auth-form-card,.auth-panel-tight{border:none;background:transparent;padding:0;box-shadow:none}
    .auth-fallback-form,.auth-tight{display:grid;gap:10px}
    .auth-fallback-field{display:grid;gap:6px}
    .auth-fallback-field label{font-size:.92rem;font-weight:700}
    .auth-fallback-field input,.auth-tight-input{
      height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);padding:0 14px;color:var(--text);font:inherit
    }
    .auth-cta-row,.auth-tight-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
    .auth-fallback-btn.social-advanced{
      min-height:48px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:0 14px;cursor:pointer;font:inherit
    }
    .auth-fallback-btn.social-advanced:hover{background:var(--panel2)}
    .auth-fallback-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}
    .auth-fallback-divider:before,.auth-fallback-divider:after{content:'';height:1px;background:var(--line);flex:1}
    .auth-fallback-socials.social-upgrade{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .auth-icon-chip{
      display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);margin-right:8px
    }
    .auth-icon-chip.apple{font-family:system-ui}
    .auth-mount-shell{min-height:0 !important;margin-top:0 !important}
    #auth-sign-in:empty,#auth-sign-up:empty{display:none}
    .clerk-host { min-height: 320px; }
    .clerk-note {
      margin-top: 14px; padding: 14px 16px; border:1px dashed var(--line);
      border-radius:16px; background:var(--panel2); color:var(--muted);
    }
    .auth-route-pure .section-head{display:none}
    .auth-clerk-page{max-width:1120px;margin:18px auto 0;display:grid;gap:18px}
    .auth-clerk-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:18px;align-items:stretch}
    .auth-clerk-copy{
      border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));
      border-radius:30px;padding:26px;box-shadow:var(--shadow);display:grid;gap:18px;min-height:100%
    }
    .auth-clerk-copy .kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}
    .auth-clerk-copy h2{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.03}
    .auth-clerk-copy p{margin:0;color:var(--muted);max-width:56ch}
    .auth-clerk-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .auth-clerk-proof-card{border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:22px;padding:16px;display:grid;gap:8px}
    .auth-clerk-proof-card strong{font-size:1.05rem}
    .auth-clerk-proof-card span{font-size:.9rem;color:var(--muted);line-height:1.45}
    .auth-clerk-rolebar{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:0;margin:0}
    .auth-clerk-stage{
      border:1px solid var(--line);background:var(--panel);border-radius:30px;
      box-shadow:var(--shadow);padding:22px;overflow:hidden;display:grid;gap:14px
    }
    .auth-clerk-stage .clerk-host{min-height:180px;margin-top:0 !important}
    .auth-clerk-shell-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .auth-clerk-shell-label strong{font-size:1.1rem}
    .auth-clerk-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
    .auth-clerk-link{
      display:inline-flex;align-items:center;justify-content:center;min-height:46px;
      border:1px solid var(--line);background:var(--panel);color:var(--text);
      border-radius:999px;padding:0 16px;text-decoration:none;font:inherit
    }
    .auth-clerk-link:hover{background:var(--panel2)}
    .auth-clerk-subcopy{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
    .auth-clerk-root{width:100%}
    .afua-clerk-cardbox{width:100%}
    .afua-clerk-card{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;width:100% !important}
    .afua-clerk-title{font-size:1.6rem !important;font-weight:700 !important;letter-spacing:-.02em}
    .afua-clerk-subtitle,.afua-clerk-footer-text,.afua-clerk-identity-text{color:var(--muted) !important}
    .afua-clerk-social-btn,.afua-clerk-alt-btn,.afua-clerk-input{border-radius:18px !important;border:1px solid var(--line) !important;background:var(--panel2) !important;box-shadow:none !important}
    .afua-clerk-social-btn{min-height:48px !important}
    .afua-clerk-input{min-height:52px !important;color:var(--text) !important}
    .afua-clerk-label{font-weight:700 !important;color:var(--text) !important}
    .afua-clerk-primary{min-height:52px !important;border-radius:18px !important;background:linear-gradient(180deg,#151515,#2d2d2d) !important;box-shadow:none !important;border:0 !important}
    .afua-clerk-link-inline,.afua-clerk-success,.afua-clerk-warning,.afua-clerk-error,.afua-clerk-alert-text{color:var(--text) !important}
    .afua-clerk-alert{border-radius:18px !important;border:1px solid var(--line) !important;background:#f7f3ec !important}
    .afua-clerk-divider-line{background:var(--line) !important}
    .afua-clerk-divider-text{color:var(--muted) !important}
    .afua-clerk-otp-input{border-radius:16px !important;border:1px solid var(--line) !important;background:var(--panel2) !important}
    @media (max-width: 900px){
      .auth-clerk-grid{grid-template-columns:1fr}
      .auth-clerk-proof-grid{grid-template-columns:1fr}
    }
    @media (max-width: 740px){
      .auth-cta-row,.auth-tight-row,.auth-fallback-socials.social-upgrade{grid-template-columns:1fr}
      .auth-headline-row{flex-direction:column}
      .auth-clerk-page{max-width:100%}
      .auth-clerk-stage,.auth-clerk-copy{padding:18px;border-radius:24px}
      .auth-clerk-links{display:grid;grid-template-columns:1fr}
      .auth-clerk-link{width:100%}
    }

  

    .inbox-shell{display:grid;grid-template-columns:340px minmax(0,1fr) 320px;gap:16px;align-items:start}
    .inbox-pane,.inbox-thread,.inbox-insights{
      border:1px solid var(--line);background:var(--panel);border-radius:24px;box-shadow:var(--shadow)
    }
    .inbox-pane{padding:16px;display:grid;gap:14px;position:sticky;top:88px;max-height:calc(100vh - 108px);overflow:auto}
    .inbox-thread{padding:16px;display:grid;grid-template-rows:auto auto 1fr auto;min-height:760px}
    .inbox-insights{padding:16px;display:grid;gap:14px;align-content:start;position:sticky;top:88px}
    .inbox-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    .inbox-search{
      width:100%;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);padding:0 14px;color:var(--text)
    }
    .inbox-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .inbox-action-card{
      border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:12px;display:grid;gap:6px;cursor:pointer;transition:.18s ease
    }
    .inbox-action-card:hover{transform:translateY(-1px)}
    .inbox-action-card.active{border-color:rgba(184,137,67,.55);background:linear-gradient(180deg, rgba(184,137,67,.12), rgba(184,137,67,.04)), var(--panel)}
    .inbox-action-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
    .inbox-action-card strong{font-size:.96rem}
    .inbox-action-card span{font-size:.8rem;color:var(--muted)}
    .inbox-section-stack{display:grid;gap:14px}
    .inbox-section-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
    .inbox-section-label strong{font-size:.85rem;letter-spacing:.02em;text-transform:uppercase}
    .inbox-section-label span{font-size:.78rem;color:var(--muted)}
    .thread-list-modern{display:grid;gap:10px;padding-right:2px}
    .thread-item{
      border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:12px;cursor:pointer;display:grid;gap:8px;transition:.18s ease
    }
    .thread-item:hover{transform:translateY(-1px)}
    .thread-item.active{background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.02)), var(--panel);border-color:rgba(184,137,67,.55);box-shadow:var(--shadow)}
    .thread-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
    .thread-user{display:flex;gap:10px;align-items:center;min-width:0}
    .thread-avatar{
      width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff;
      background:linear-gradient(135deg,#2f221a,#b88943);flex:0 0 auto
    }
    .thread-copy{min-width:0;display:grid;gap:2px}
    .thread-name-line{display:flex;align-items:center;gap:8px;min-width:0}
    .thread-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .thread-role{font-size:.84rem;color:var(--muted)}
    .thread-preview-text{font-size:.92rem;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .thread-meta,.thread-chip-row{display:flex;gap:8px;flex-wrap:wrap}
    .tiny-pill{
      display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);
      color:var(--muted);padding:5px 9px;border-radius:999px;font-size:.76rem
    }
    .tiny-pill.hot{background:rgba(184,137,67,.12);border-color:rgba(184,137,67,.4);color:var(--text)}
    .thread-kpi{font-size:.78rem;color:var(--muted);white-space:nowrap}
    .thread-header-modern{
      display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)
    }
    .thread-contact{display:flex;gap:12px;align-items:center;min-width:0}
    .thread-contact .hero-avatar{
      width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.1rem;font-weight:900;color:#fff;
      background:linear-gradient(135deg,#3c2b1d,#b88943);flex:0 0 auto
    }
    .thread-contact-copy{min-width:0;display:grid;gap:4px}
    .thread-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .thread-summary-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
    .thread-summary-card{border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:12px;display:grid;gap:4px}
    .thread-summary-card strong{font-size:1rem}
    .thread-summary-card span{font-size:.8rem;color:var(--muted)}
    .thread-body{display:grid;gap:14px;align-content:start;padding:18px 0;max-height:520px;overflow:auto}
    .thread-brief-card{border:1px dashed rgba(184,137,67,.45);background:rgba(184,137,67,.08);border-radius:18px;padding:14px;display:grid;gap:8px}
    .thread-brief-card .thread-chip-row{margin-top:2px}
    .msg-row{display:flex;gap:12px;align-items:flex-end}
    .msg-row.me{justify-content:flex-end}
    .msg-bubble{max-width:74%;padding:13px 14px;border-radius:18px;border:1px solid var(--line);background:var(--panel2)}
    .msg-row.me .msg-bubble{background:var(--text);color:var(--panel);border-color:var(--text)}
    .msg-bubble .msg-text{white-space:pre-wrap;word-break:break-word}
    .msg-meta{font-size:.77rem;color:var(--muted);margin-top:6px;display:flex;justify-content:space-between;gap:10px;align-items:center}
    .composer{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
    .composer-mode-row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
    .composer-mode-tabs,.composer-shortcuts{display:flex;gap:8px;flex-wrap:wrap}
    .composer-box{border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:12px;display:grid;gap:10px}
    .composer-box textarea{width:100%;min-height:108px;border:none;outline:none;background:transparent;color:var(--text);resize:vertical;font:inherit}
    .composer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
    .composer-left,.composer-right{display:flex;gap:10px;flex-wrap:wrap}
    .insight-card{border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:14px;display:grid;gap:8px}
    .insight-title{font-weight:800}
    .signal-list{display:grid;gap:8px}
    .signal-item{display:flex;justify-content:space-between;gap:10px;align-items:center}
    .saved-reply{width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);padding:10px 12px;border-radius:14px;cursor:pointer;color:var(--text)}
    .saved-reply:hover{border-color:rgba(184,137,67,.45)}
    .checklist-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(0,0,0,.05)}
    .checklist-row:first-child{border-top:none;padding-top:0}
    .message-status-dot{width:8px;height:8px;border-radius:999px;background:#59b36b;display:inline-block}
    .thread-muted-note{font-size:.8rem;color:var(--muted)}
    @media (max-width: 1180px){
      .inbox-shell{grid-template-columns:1fr}
      .inbox-pane,.inbox-insights{position:static;max-height:none}
      .inbox-thread{min-height:620px}
      .thread-summary-bar{grid-template-columns:1fr}
    }
    @media (max-width: 720px){
      .inbox-action-grid{grid-template-columns:1fr 1fr}
      .thread-header-modern{flex-direction:column}
      .thread-actions{justify-content:flex-start}
      .msg-bubble{max-width:100%}
      .thread-row{align-items:center}
    }



    .thread-deal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
    .deal-strip-card{border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:12px;display:grid;gap:4px}
    .attachment-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
    .attachment-card{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
    .smart-reply-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}
    .saved-reply.compact{padding:10px}
    .timeline-item{padding:10px 0;border-top:1px solid rgba(0,0,0,.05);display:grid;gap:4px}
    .timeline-item:first-child{padding-top:0;border-top:none}
    @media (max-width: 900px){
      .thread-deal-strip{grid-template-columns:1fr}
      .smart-reply-row{grid-template-columns:1fr}
    }