/* Memberly split style.css
   Paste the CSS from the latest canvas <style> block here if you need the exact full version.
   This file already contains the core production styling so the app is not blank.
*/
:root{--app-bg:#f9f8f4;--shell:#fff;--panel:#fff;--soft:#f8fafc;--text:#111827;--muted:#64748b;--line:#e5e7eb;--primary:#0f172a;--primary-text:#fff;--accent:#ff6a00;--purple:#7c3aed;--shadow:0 22px 60px rgba(15,23,42,.08)}
[data-theme="dark"]{--app-bg:#0f172a;--shell:#111827;--panel:#1e293b;--soft:#0f172a;--text:#f8fafc;--muted:#94a3b8;--line:rgba(255,255,255,.12);--primary:#ff6a00;--primary-text:#fff;--shadow:0 22px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:var(--app-bg);color:var(--text)}
#app{background:radial-gradient(circle at 8% 4%,rgba(255,106,0,.10),transparent 30%),radial-gradient(circle at 88% 44%,rgba(124,58,237,.10),transparent 34%),var(--app-bg)}
h1,h2,h3{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;letter-spacing:-.04em}
.hidden-view,.hidden{display:none!important}
.shell,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.soft{background:var(--soft);border:1px solid var(--line)}
.muted{color:var(--muted)}
.field,.support-input{width:100%;background:var(--soft);border:1px solid var(--line);color:var(--text);outline:none;border-radius:16px;padding:.875rem 1rem;font-weight:650}
.field:focus,.support-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,106,0,.1)}
.btn-primary,.btn-accent,.btn-soft,.btn-ghost{min-height:44px;border-radius:16px;font-weight:800;cursor:pointer;transition:.18s;padding:.75rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.btn-primary{background:var(--primary);color:var(--primary-text);border:0}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border:0}
.btn-soft{background:var(--soft);color:var(--text);border:1px solid var(--line)}
.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}
button:disabled{opacity:.7;cursor:not-allowed}
.menu-active{background:var(--primary)!important;color:var(--primary-text)!important}
.menu-idle{color:var(--muted)}
.menu-idle:hover{background:var(--soft);color:var(--text)}
.card-title{font-weight:850;line-height:1.2}
.card-subtitle{font-size:.88rem;line-height:1.55;color:var(--muted);font-weight:500}
.meta-label{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.meta-value{font-weight:800;color:var(--text)}
.admin-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .7rem;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,106,0,.12);color:var(--accent)}
.fade{animation:fade .2s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.scrollbar-thin::-webkit-scrollbar{width:7px;height:7px}
.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.fixed{position:fixed}.inset-0{inset:0}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-cover{object-fit:cover}

.customer-search-wrap{position:relative;width:100%;max-width:452px}
.customer-search-shell{display:flex;align-items:center;gap:.65rem;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:.25rem .35rem .25rem .95rem}
.customer-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-weight:650;padding:.72rem .25rem}
.customer-search-button,.notification-button,.mobile-menu-btn,.mobile-profile-shortcut{width:44px;height:44px;min-width:44px;border-radius:16px;border:1px solid var(--line);background:var(--soft);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.notification-button{position:relative}
.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid var(--panel);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}
.notification-dropdown,.customer-search-dropdown{position:absolute;right:0;top:54px;width:390px;max-width:calc(100vw - 2rem);border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 28px 70px rgba(15,23,42,.22);z-index:6000;overflow:hidden}
.customer-search-dropdown{left:0;right:0;top:calc(100% + 12px);width:auto}
.notification-item,.search-result-item{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:1rem;display:flex;gap:.8rem;align-items:flex-start;cursor:pointer;border-bottom:1px solid var(--line)}
.notification-item:hover,.search-result-item:hover{background:var(--soft)}
.notification-item.unread{background:rgba(255,106,0,.10)}
.notification-icon,.search-result-icon,.icon-badge,.admin-icon-badge{width:42px;height:42px;border-radius:16px;background:rgba(255,106,0,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mobile-profile-shortcut{display:none;overflow:hidden;padding:2px}
.mobile-profile-shortcut img{width:100%;height:100%;border-radius:14px;object-fit:cover}
.mobile-customer-greeting,.mobile-bottom-nav{display:none}

.dash-grid,.two-grid,.four-grid,.admin-overview-grid{display:grid;gap:1.25rem}
.dash-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-overview-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.stat-card,.admin-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:1.25rem;box-shadow:0 16px 36px rgba(15,23,42,.06)}
.stat-number,.admin-stat-value{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-.05em;line-height:1}
.admin-hero,.admin-module-header,.settings-premium-header{border-radius:34px;padding:2rem;background:linear-gradient(135deg,rgba(255,106,0,.13),rgba(124,58,237,.12));border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}
.admin-toolbar,.admin-module-toolbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:1rem}
.admin-search,.admin-filter,.admin-module-toolbar input,.admin-module-toolbar select{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:.8rem 1rem;color:var(--text);font-weight:700}
.admin-search,.admin-module-toolbar input{flex:1;min-width:220px}
.admin-table-wrap,.admin-module-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:24px}
.admin-table,.admin-module-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
.admin-table th,.admin-table td,.admin-module-table th,.admin-module-table td{padding:1rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.admin-table th,.admin-module-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.admin-avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#f1f5f9}

.auth-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 15% 12%,rgba(255,106,0,.16),transparent 32%),radial-gradient(circle at 82% 24%,rgba(124,58,237,.16),transparent 34%),var(--app-bg)}
.auth-bg-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.55;pointer-events:none}
.auth-bg-orb-one{width:240px;height:240px;left:7%;top:10%;background:rgba(255,106,0,.15)}
.auth-bg-orb-two{width:280px;height:280px;right:8%;bottom:10%;background:rgba(124,58,237,.14)}
.auth-shell{position:relative;width:min(100%,980px);display:grid;grid-template-columns:minmax(390px,460px) minmax(0,1fr);gap:22px;align-items:stretch}
.auth-card,.auth-visual-panel{background:rgba(255,255,255,.84);border:1px solid var(--line);box-shadow:0 30px 90px rgba(15,23,42,.10);backdrop-filter:blur(18px)}
[data-theme="dark"] .auth-card,[data-theme="dark"] .auth-visual-panel{background:rgba(30,41,59,.82);border-color:rgba(255,255,255,.12)}
.auth-card{border-radius:28px;padding:30px}
.auth-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.auth-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.auth-beta-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,rgba(255,106,0,.13),rgba(124,58,237,.12));border:1px solid rgba(255,106,0,.22);color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.auth-beta-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10)}
.auth-logo{width:52px;height:52px;border-radius:19px;background:linear-gradient(135deg,rgba(255,106,0,.16),rgba(124,58,237,.14));color:var(--accent);display:flex;align-items:center;justify-content:center}
.auth-brand-row h1{font-size:27px!important;font-weight:760!important;line-height:1!important;margin:0}
.auth-brand-row p{margin-top:5px;color:var(--muted);font-weight:500;font-size:13px}
.auth-heading{margin-bottom:22px}
.auth-heading h2{font-size:28px!important;font-weight:720!important;line-height:1.1!important;margin:14px 0 8px}
.auth-heading p{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0}
.auth-form{display:grid;gap:15px}
.auth-field{display:block}
.auth-field span{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.auth-input-shell{height:52px;border-radius:18px;border:1px solid var(--line);background:var(--soft);display:flex;align-items:center;gap:10px;padding:0 13px;transition:.18s}
.auth-input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,106,0,.10);background:var(--panel)}
.auth-input-shell svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.auth-input-shell input{height:100%;width:100%;border:0;background:transparent;outline:0;color:var(--text);font-weight:520;font-size:14px}
.auth-eye{width:36px;height:36px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px}
.auth-main-btn{width:100%;height:52px;border-radius:18px;margin-top:3px}
.auth-switch-text{text-align:center;margin:20px 0 0;color:var(--muted);font-size:13.5px}
.auth-switch-text button{border:0;background:transparent;color:var(--accent);font-weight:680;cursor:pointer;padding:0}
.auth-message{border-radius:16px;padding:12px 14px;margin-bottom:18px;font-size:13px;font-weight:560;line-height:1.35;border:1px solid var(--line)}
.auth-message.success{display:block!important;background:rgba(34,197,94,.10);color:#15803d;border-color:rgba(34,197,94,.22)}
.auth-message.error{display:block!important;background:rgba(239,68,68,.10);color:#dc2626;border-color:rgba(239,68,68,.22)}
.auth-message.info{display:block!important;background:rgba(255,106,0,.10);color:var(--accent);border-color:rgba(255,106,0,.20)}
.auth-visual-panel{border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;overflow:hidden;position:relative}
.auth-visual-card{position:relative;border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(124,58,237,.11));border:1px solid var(--line)}
.auth-visual-card h3{font-size:28px!important;font-weight:720!important;line-height:1.08!important;margin:20px 0 12px}
.auth-visual-card p{color:var(--muted);line-height:1.6;font-size:14px}
.auth-live-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-weight:650}
.auth-live-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(124,58,237,.14));color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.auth-live-notifications{position:relative;display:grid;gap:12px}
.auth-live-empty,.auth-live-item{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 15px;box-shadow:0 10px 24px rgba(15,23,42,.04)}

.premium-turnstile-box{position:relative;margin-top:4px;padding:14px;border-radius:22px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,250,252,.72));box-shadow:0 14px 36px rgba(15,23,42,.055);overflow:hidden}
.verify-copy{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.verify-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(147,51,234,.10));color:#f97316}
.verify-copy h4{margin:0;font-size:14px!important;font-weight:720!important;color:#111827;letter-spacing:-.02em}
.verify-copy p{margin:3px 0 0;font-size:12.5px!important;color:#64748b;line-height:1.42}
.turnstile-widget-shell{min-height:54px;border-radius:18px;border:1px dashed rgba(148,163,184,.30);background:rgba(255,255,255,.52);display:flex;align-items:center;justify-content:center;overflow:hidden}
.turnstile-widget-shell .cf-turnstile{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.turnstile-widget-shell:empty:before,.turnstile-widget-shell[data-placeholder="true"]:before{content:"Security widget will appear here";font-size:11.5px;font-weight:620;color:#94a3b8}
.human-verify-status{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px!important;font-weight:620!important;color:var(--muted)}

.live-log-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,.65fr));gap:.75rem;align-items:center;background:linear-gradient(180deg,var(--panel),var(--soft));border:1px solid var(--line);border-radius:26px;padding:1rem;margin-bottom:1rem;box-shadow:0 10px 26px rgba(15,23,42,.035)}
.live-log-toolbar input,.live-log-toolbar select{width:100%;height:48px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:.78rem .95rem;color:var(--text);outline:0;font-weight:560}
.live-log-list.premium{display:grid;gap:.72rem;width:100%}
.live-log-row-premium{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:.9rem 1rem;box-shadow:0 10px 26px rgba(15,23,42,.04);min-width:0;overflow:hidden}
.live-log-icon-premium{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(124,58,237,.08));color:var(--accent);flex-shrink:0}
.live-log-content-premium{min-width:0;display:grid;gap:.34rem}
.live-log-titleline{display:flex;align-items:center;gap:.5rem;min-width:0;flex-wrap:wrap}
.live-log-message-premium{font-size:.82rem!important;line-height:1.42!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0!important}
.log-level-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.32rem .68rem;font-size:.62rem;font-weight:780;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);white-space:nowrap}
.log-level-info{background:rgba(59,130,246,.10);color:#2563eb;border-color:rgba(59,130,246,.20)}
.log-level-success{background:rgba(34,197,94,.10);color:#16a34a;border-color:rgba(34,197,94,.22)}
.log-level-warning{background:rgba(245,158,11,.12);color:#d97706;border-color:rgba(245,158,11,.24)}
.log-level-error{background:rgba(239,68,68,.11);color:#ef4444;border-color:rgba(239,68,68,.24)}

@media(max-width:1023px){
  #dashboardView{padding:18px!important}
  .app-shell{max-width:100%!important}
  .dash-grid,.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-grid{grid-template-columns:1fr}
  .header{padding:0 1.25rem!important}
  .customer-search-wrap{max-width:100%;min-width:0;flex:1}
  .auth-shell{grid-template-columns:1fr;max-width:480px}
  .auth-visual-panel{display:none}
  .live-log-toolbar{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  #dashboardView{padding:0!important}
  .app-shell{border-radius:0!important;border:0!important;max-width:100%!important}
  .sidebar{display:flex!important;position:fixed!important;left:-290px;top:0;bottom:0;width:280px!important;height:100vh!important;z-index:1200;transition:left .25s ease;box-shadow:0 30px 80px rgba(0,0,0,.28)}
  .sidebar.open{left:0}
  .header{height:auto!important;min-height:76px;flex-wrap:wrap!important;gap:.75rem!important;padding:.85rem 1rem!important}
  .customer-search-wrap{order:3;flex:1 1 100%;width:100%;max-width:none}
  .content-pad{padding:1rem!important}
  .dash-grid,.two-grid,.four-grid,.admin-overview-grid{grid-template-columns:1fr!important}
  .auth-stage{padding:16px}
  .auth-card{width:100%;border-radius:26px;padding:24px}
  .notification-dropdown,.customer-search-dropdown{position:fixed!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
  .live-log-toolbar{grid-template-columns:1fr!important;padding:.85rem!important}
  .live-log-row-premium{grid-template-columns:1fr!important;align-items:flex-start!important}
  .live-log-icon-premium{display:none!important}
}