@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#080c20;--bg-2:#0d1130;--surface:#111836;--surface-2:#161e42;--text:#edf0ff;--muted:#8893c0;--line:#1e2850;--primary:#7c3aed;--primary-2:#a78bfa;--primary-soft:#1a1040;--orange:#7c3aed;--orange-2:#a78bfa;--orange-soft:#1a1040;--blue:#60a5fa;--blue-soft:#0f1e3a;--green:#34d399;--green-soft:#0a2420;--yellow:#fbbf24;--yellow-soft:#1e1a08;--red:#f87171;--red-soft:#2a0f0f;--shadow:0 18px 40px #00000080;--shadow-glow:0 0 40px #7c3aed2e;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--grad:linear-gradient(135deg, #7c3aed, #60a5fa);--grad-soft:linear-gradient(135deg, #7c3aed1f, #60a5fa0f)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);background-image:radial-gradient(80% 60% at 50% -20%,#7c3aed26,#0000);min-height:100vh;padding-bottom:170px;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,100% - 24px);margin:0 auto}.app-shell{min-height:100vh}.section{padding:20px 0}.stack{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.card-title{color:var(--text);margin:0 0 6px;font-size:1.22rem;font-weight:900}.card-subtitle{color:var(--muted);margin:0}.badge,.icon-badge{background:var(--primary-soft);color:var(--primary-2);letter-spacing:.02em;border:1px solid #7c3aed4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.badge-neutral{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.page-title{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-size:clamp(2rem,6vw,4rem);font-weight:950;line-height:.95}.page-title-sm{margin:6px 0 8px;font-size:clamp(1.65rem,4.6vw,2.4rem);font-weight:900;line-height:1}.small{color:var(--muted);font-size:.96rem}.kpi{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.9rem,6vw,3.4rem);font-weight:950;line-height:.95}.kpi-label{color:var(--muted);margin-bottom:4px;font-size:.9rem;font-weight:700}.topbar-wrap{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#080c20e6;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand-wrap{align-items:center;gap:12px;min-width:0;display:flex}.logo-slot{background:var(--grad);width:52px;height:52px;box-shadow:var(--shadow-glow);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.logo-mark{background:#fff3;border-radius:10px;width:28px;height:28px}.brand{letter-spacing:.06em;color:var(--text);font-size:1rem;font-weight:950}.brand-sub{color:var(--muted);font-size:.8rem}.brand-block{gap:2px;display:grid}.brand-logo{filter:brightness(0)invert();width:auto;height:auto;max-height:32px;display:block}.logo-img{object-fit:contain;z-index:2;width:44px;height:44px;margin:auto;position:absolute;inset:0}.logo-slot .logo-mark{margin:auto;position:absolute;inset:0}.kpi-row{grid-template-columns:1.2fr .8fr .8fr;align-items:end;gap:12px;display:grid}.kpi-mini{color:var(--primary-2);font-size:1.2rem;font-weight:900;line-height:1}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.nav-link-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-glow);border:none}.nav-icon,.icon-inline{flex:none;width:18px;height:18px;display:inline-flex}.hero{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:18px;padding:24px 0 30px;display:grid}.hero p{color:var(--muted);max-width:58ch;font-size:1.03rem}.hero-panel{gap:14px;display:grid}.highlight-card{background:var(--grad-soft);min-height:140px}.cta-row,.header-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 20px;font-size:.95rem;font-weight:800;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.btn-ghost{border:1px dashed var(--line);color:var(--muted);background:0 0}.btn-full{width:100%}.input,.textarea,.select{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:52px;color:var(--text);border-radius:14px;padding:14px 16px;transition:border-color .15s}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.textarea{resize:vertical;min-height:120px}.form{gap:12px;display:grid}.password-row{grid-template-columns:1fr auto;gap:10px;display:grid}.eye-btn{min-width:58px}.auth-card{max-width:760px;margin:24px auto 34px}.auth-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.page-intro{gap:8px;padding:6px 0 10px;display:grid}.dashboard-hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:16px;display:grid}.hero-kpi{border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);border:1px solid #7c3aed40;gap:8px;padding:20px;display:grid}.hero-kpi-green{background:linear-gradient(135deg,#34d39914,#60a5fa0a)}.action-button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.action-card{border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);background:var(--surface);border-radius:20px;gap:10px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.action-card:hover{box-shadow:var(--shadow-glow);border-color:#7c3aed59;transform:translateY(-3px)}.action-card h2{align-items:center;gap:10px;margin:0;font-size:1.15rem;display:flex}.action-card p{color:var(--muted);margin:0;font-size:.93rem}.action-card-orange{background:linear-gradient(135deg,#7c3aed1a,var(--surface))}.action-card-blue{background:linear-gradient(135deg,#60a5fa14,var(--surface))}.action-card-green{background:linear-gradient(135deg,#34d39912,var(--surface))}.action-chip{background:var(--surface-2);border:1px solid var(--line);width:max-content;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.list{gap:0;display:grid}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.list-title{color:var(--text);font-weight:800}.list-meta{color:var(--muted);font-size:.9rem}.compact-list .list-row{padding:10px 0}.result-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px}.result-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800}.result-value{color:var(--text);font-size:1rem;font-weight:700;line-height:1.55}.result-top,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.tip-box{background:var(--primary-soft);border:1px solid #7c3aed2e;border-radius:14px;padding:14px}.tip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.support-strip{box-shadow:var(--shadow);background:linear-gradient(135deg,#60a5fa12,#7c3aed0d);border:1px solid #60a5fa2e;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:18px 20px;display:flex}.support-title{align-items:center;gap:10px;font-size:1.02rem;font-weight:950;display:flex}.support-copy{color:var(--muted);max-width:58ch;font-size:.95rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.menu-tile{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:10px;padding:16px;font-weight:900;display:flex}.billing-card{background:linear-gradient(135deg,#7c3aed12,var(--surface))}.billing-code-row{grid-template-columns:1fr auto;gap:10px;display:grid}.alert,.success{border-radius:14px;padding:12px 14px}.alert{background:var(--red-soft);color:var(--red);border:1px solid #f8717140}.success{background:var(--green-soft);color:var(--green);border:1px solid #34d39940}.global-dock{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);background:#080c20f7;position:fixed;bottom:0;left:0;right:0}.dock-grid{gap:10px;padding:10px 0;display:grid}.dock-grid-two-rows{grid-template-columns:repeat(4,minmax(0,1fr))}.dock-link{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;color:var(--muted);border-radius:16px;place-items:center;gap:5px;padding:12px 8px;font-size:.78rem;font-weight:800;transition:all .15s;display:grid}.dock-link-active{background:var(--primary-soft);color:var(--primary-2);border-color:#7c3aed59}.dock-icon{width:20px;height:20px;color:var(--primary-2);display:inline-flex}.edit-pill{background:var(--surface-2);border:1px solid var(--line);min-width:40px;height:40px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-weight:800;transition:all .15s;display:inline-flex}.edit-pill:hover{border-color:var(--primary);color:var(--primary-2)}.loading-wrap{place-items:center;gap:12px;min-height:40vh;display:grid}.spinner{border:4px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-row{border:1px solid var(--line);border-radius:16px;padding:14px 16px}.admin-stack-row{grid-template-columns:1fr auto;align-items:flex-start;gap:12px;display:grid}.admin-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.salon-active{background:linear-gradient(135deg,#34d39912,var(--surface))}.salon-grace{background:linear-gradient(135deg,#fbbf2412,var(--surface))}.salon-suspended{background:linear-gradient(135deg,#f8717112,var(--surface))}.error{background:var(--red-soft);color:var(--red);border:1px solid #f8717140;border-radius:14px;margin-top:12px;padding:12px 14px}.list-row-link{cursor:pointer;border-radius:12px;margin:0 -12px;padding:12px;transition:background .15s}.list-row-link:hover{background:var(--surface-2)}.open-detail-btn{background:var(--primary-soft);color:var(--primary-2);white-space:nowrap;border:1px solid #7c3aed4d;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:800;transition:all .15s;display:inline-flex}.open-detail-btn:hover{background:#7c3aed38}@media (max-width:980px){.hero,.dashboard-hero,.grid-2,.grid-3,.action-button-grid,.tip-grid,.result-top,.result-grid{grid-template-columns:1fr}}@media (max-width:900px){body{padding-bottom:212px}.topbar{flex-direction:column;align-items:flex-start}.nav-links{width:100%}.nav-link{flex:1;justify-content:center}.support-strip{grid-template-columns:1fr;display:grid}.admin-stack-row{grid-template-columns:1fr}.dock-grid-two-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-row{grid-template-columns:1fr}.brand-logo{max-height:26px}}.agent-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px;margin:0 auto;display:grid}.agent-card{background:var(--surface);border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--text);border-radius:18px;gap:6px;padding:22px 16px;transition:all .15s;display:grid}.agent-card:hover{background:var(--primary-soft);box-shadow:var(--shadow-glow);border-color:#7c3aed66;transform:translateY(-2px)}.agent-icon{font-size:2rem;line-height:1}.agent-card strong{font-size:1rem;font-weight:900}.agent-card-desc{color:var(--muted);font-size:.82rem}@media (max-width:640px){.agent-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}