:root{--gold: #C9A96E;--gold-lt: #f0e0c0;--dark: #0F0C07;--mid: #2a2218;--cream: #FDFAF5;--soft: #F5F0E8;--text: #1a1510;--muted: #7a6e60;--egf: #C9A96E;--egf-accent:#1a1208;--mela: #D4956A;--mela-accent:#1a0f06;--hydro: #6AAEC9;--hydro-accent:#050f14;--sebo: #6EC99A;--sebo-accent:#030f07;--red: #c45c5c;--green: #25D366;--green-ui: #27a05a;--dna: #8B6FBF;--shadow: 0 2px 16px rgba(15,12,7,.1);--shadow-lg: 0 8px 40px rgba(15,12,7,.18);--font-serif: "Cormorant Garamond", serif;--font-sans: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--soft);font-family:var(--font-sans);color:var(--text);overscroll-behavior:none}h1,h2,h3,.serif{font-family:var(--font-serif)}#root{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer;border:none;font-family:var(--font-sans);transition:.15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--dark);color:#fff}.btn-gold{background:var(--gold);color:var(--dark)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid #ddd}.btn-green{background:var(--green);color:#fff}.btn-copy{background:#444;color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-red{background:#fff0f0;color:var(--red);border:1.5px solid #f0c0c0}.btn-green-ui{background:#e8f5e8;color:var(--green-ui);border:1.5px solid #b0d8b0}.btn-sm{padding:5px 12px;font-size:11px}.btn-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.btn-row .btn-primary,.btn-row .btn-gold{flex:1}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.card{background:#fff;border:1.5px solid #ede7db;border-radius:12px;padding:16px 18px;margin-bottom:12px}.card-title{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}label{display:block;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;margin-top:16px}label:first-of-type{margin-top:0}input,textarea,select{width:100%;padding:11px 14px;border-radius:8px;border:1.5px solid #e0d8cc;font-size:14px;background:#fff;font-family:var(--font-sans);color:var(--text);outline:none;transition:.15s}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{resize:vertical;min-height:70px}.hint{font-size:11px;color:#aaa;margin-top:4px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:10px 20px;border-radius:24px;font-size:12px;font-weight:700;z-index:9999;animation:toastIn .3s ease;white-space:nowrap;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.progress-wrap{margin:6px 0 16px}.progress-bar{height:3px;background:#ede7db;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:2px;transition:.4s}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:12px}.empty-title{font-family:var(--font-serif);font-size:20px;color:var(--dark);margin-bottom:6px}.empty-sub{font-size:13px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-animate{animation:fadeUp .25s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--cream);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease}@keyframes modalIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-hdr{padding:20px 24px 0;display:flex;align-items:flex-start;justify-content:space-between}.modal-body{padding:16px 24px 24px}.modal-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--dark)}.modal-sub{font-size:12px;color:var(--muted);margin-top:3px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:4px}.divider{height:1px;background:#ede7db;margin:14px 0}.info-box{background:#c9a96e11;border:1.5px solid rgba(201,169,110,.2);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:12px;line-height:1.6}.code-box{background:var(--dark);border-radius:10px;padding:16px;font-family:monospace;font-size:11px;color:var(--gold);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;line-height:1.6}@media (max-width: 380px){.row-2{grid-template-columns:1fr}}.salon-app{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--cream);box-shadow:var(--shadow-lg)}.salon-hdr{background:var(--dark);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;flex-shrink:0}.hdr-logo{display:flex;align-items:center;gap:10px}.hdr-logo-text{font-family:var(--font-serif);color:var(--gold);font-size:22px;font-weight:700;letter-spacing:.06em}.hdr-sub{font-size:9px;color:#ffffff54;letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.steps{display:flex;gap:5px;align-items:center}.step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;transition:.2s;border:1.5px solid transparent}.step-dot.done{background:var(--gold);color:var(--dark);cursor:pointer}.step-dot.active{background:var(--gold);color:var(--dark);opacity:.75}.step-dot.todo{background:#ffffff12;color:#ffffff30;border-color:#ffffff0f}.nav-tabs{display:flex;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.nav-tab{flex:1;padding:10px;text-align:center;font-size:11px;font-weight:700;color:#ffffff54;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;transition:.15s}.nav-tab.active{color:var(--gold);border-color:var(--gold)}.page{flex:1;padding:24px 20px 32px;animation:fadeUp .25s ease;overflow-y:auto}.page-title{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--dark);margin-bottom:4px}.page-sub{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.5}.phone-row{display:flex;gap:8px}.phone-pfx{padding:11px 12px;border-radius:8px;border:1.5px solid #e0d8cc;background:#f8f5f0;font-size:14px;color:var(--muted);white-space:nowrap;flex-shrink:0}.skin-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.skin-pill{padding:5px 13px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid #ddd;background:transparent;font-family:var(--font-sans);color:#888;transition:.15s}.skin-pill.active{background:#444;color:#fff;border-color:#444}.pillar-card{border:1.5px solid #ede7db;border-radius:12px;margin-bottom:10px;cursor:pointer;overflow:hidden;transition:.15s;background:#fff}.pillar-card.active{border-width:2px}.pillar-hdr{padding:13px 16px;display:flex;align-items:center;gap:12px}.pillar-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;flex-shrink:0}.pillar-name{font-weight:800;font-size:13px;color:var(--dark);margin-bottom:2px}.pillar-hint{font-size:11px;color:var(--muted)}.pillar-check{font-size:18px;font-weight:900;margin-left:auto}.concern-pills{padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:7px}.concern-pill{padding:5px 13px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid;background:transparent;font-family:var(--font-sans);transition:.15s}.concern-pill.active{color:#fff!important;border-color:transparent!important}.sev-card{border:1.5px solid #ede7db;border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;background:#fff;transition:.15s}.sev-card.active{border-width:2px;border-color:var(--dark)}.sev-row{display:flex;align-items:flex-start;gap:12px}.sev-icon{font-size:22px;flex-shrink:0}.sev-name{font-weight:800;font-size:14px;color:var(--dark)}.sev-desc{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.sev-freq{font-size:11px;color:#aaa;font-weight:600;margin-top:4px}.sev-check{margin-left:auto;font-size:18px;color:var(--dark)}.tx-card{border:1.5px solid #ede7db;border-radius:12px;margin-bottom:12px;overflow:hidden;cursor:pointer;background:#fff;transition:.15s}.tx-card.active{border-width:2px}.tx-hdr{padding:14px 16px}.tx-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tx-name{font-weight:900;font-size:14px;color:var(--dark)}.tx-code{font-size:10px;color:#bbb;margin-top:2px;font-style:italic}.tx-why{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:12px;color:#444;line-height:1.6;border-left:3px solid}.tx-body{border-top:1px solid #f0ebe3;padding:14px 16px;background:#fafaf7}.tx-section-label{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.step-row{display:flex;gap:9px;margin-bottom:7px;align-items:flex-start}.step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;margin-top:1px;color:#fff}.step-txt{font-size:12px;color:#333;line-height:1.5}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mini-box{background:#fff;border-radius:8px;padding:9px 11px;border:1px solid #eee}.mini-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#aaa;margin-bottom:5px}.mini-item{font-size:11px;color:var(--dark);margin-bottom:2px}.rx-hdr{border-radius:14px;padding:16px 18px;margin-bottom:16px;border:2px solid}.rx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rx-client-name{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--dark)}.rx-concern{font-size:13px;color:var(--muted);margin-top:2px}.rx-phone{font-size:11px;color:#aaa;margin-top:3px}.rx-meta{text-align:right;flex-shrink:0}.rx-date{font-size:10px;color:#aaa;margin-top:4px}.rx-id{font-size:10px;color:#bbb;font-style:italic;margin-top:2px}.ing-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ing-box{border-radius:8px;padding:8px 10px}.ing-name{font-weight:700;font-size:11px;color:var(--dark);margin-bottom:2px}.ing-benefit{font-size:10px;color:#666;line-height:1.4}.routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.routine-box{border-radius:12px;padding:13px 14px;border:1.5px solid}.routine-title{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.routine-step{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}.routine-num{min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;margin-top:1px}.routine-txt{font-size:11px;color:#333;line-height:1.5}.science-stamp{background:var(--dark);border-radius:12px;padding:13px 16px;margin-bottom:16px}.science-stamp-title{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}.science-stamp-body{font-size:11px;color:#ffffff87;line-height:1.7}.followup-box{background:#f0f9f4;border:1.5px solid #b8e0c8;border-radius:10px;padding:12px 14px;margin-bottom:10px}.followup-day{font-size:10px;font-weight:800;color:var(--green-ui);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.followup-msg{font-size:12px;color:#333;line-height:1.6}.session-line{display:flex;margin:10px 0 16px;overflow-x:auto;padding-bottom:4px}.session-dot-wrap{display:flex;flex-direction:column;align-items:center;min-width:52px}.session-dot{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-bottom:4px;flex-shrink:0}.session-dot-label{font-size:9px;color:var(--muted);text-align:center;line-height:1.3}.session-connector{height:2px;flex:1;align-self:flex-start;margin-top:15px;min-width:12px}.hist-card{background:#fff;border:1.5px solid #ede7db;border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.15s}.hist-card:hover{border-color:var(--gold)}.hist-name{font-weight:800;font-size:14px;color:var(--dark)}.hist-meta{font-size:11px;color:var(--muted);margin-top:2px}.hist-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.search-box{position:relative;margin-bottom:16px}.search-box input{padding-left:36px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-box{background:#fff;border-radius:10px;padding:14px;border:1.5px solid #ede7db;text-align:center}.stat-num{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--dark)}.stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.salon-footer{padding:10px 20px;text-align:center;background:var(--soft);flex-shrink:0}.salon-footer p{font-size:9px;color:#bbb;letter-spacing:.08em;text-transform:uppercase}.salon-login-wrap{max-width:520px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--soft)}.salon-login-card{background:var(--cream);border-radius:16px;padding:32px 28px;width:100%;border:1.5px solid #e8e2d8;box-shadow:var(--shadow-lg)}@media (max-width: 380px){.ing-grid,.routine-grid,.mini-grid,.row-2{grid-template-columns:1fr}.rx-top{flex-direction:column}.rx-meta{text-align:left}}.admin-wrap{background:var(--soft);min-height:100vh}.admin-hdr{background:var(--dark);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.admin-hdr h1{font-family:var(--font-serif);color:var(--gold);font-size:22px;font-weight:700}.admin-hdr-sub{font-size:10px;color:#ffffff45;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.admin-badge{background:#c45c5c21;color:#f08080;border:1px solid rgba(196,92,92,.27);padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.06em}.admin-content{max-width:900px;margin:0 auto;padding:24px 20px}.admin-section{background:var(--cream);border-radius:14px;padding:20px 24px;margin-bottom:20px;border:1.5px solid #e8e2d8}.admin-section h2{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:4px}.admin-section-sub{font-size:12px;color:var(--muted);margin-bottom:18px}.stats-row{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.stat-admin{background:#fff;border:1.5px solid #ede7db;border-radius:10px;padding:14px 18px;text-align:center;flex:1;min-width:80px}.stat-n{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--dark)}.stat-l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.salon-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0ebe3;flex-wrap:wrap}.salon-code{font-weight:900;font-size:13px;color:var(--dark);min-width:80px}.salon-name-cell{flex:1;font-size:13px;color:var(--text)}.salon-meta-cell{font-size:11px;color:var(--muted)}.badge-active{background:#e8f5e8;color:var(--green-ui)}.badge-inactive{background:#fff0f0;color:var(--red)}.badge-gold-sm{background:#c9a96e21;color:var(--gold)}.msg{padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;margin-top:10px}.msg.ok{background:#e8f5e8;color:#2a7a2a;border:1px solid #b0d8b0}.msg.err{background:#fff0f0;color:var(--red);border:1px solid #f0c0c0}.url-box{background:#1a1510;border-radius:8px;padding:10px 14px;font-size:11px;font-family:monospace;color:var(--gold);margin-top:8px;word-break:break-all}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--soft)}.admin-login-card{max-width:400px;width:100%;background:var(--cream);border-radius:16px;padding:32px;border:1.5px solid #e8e2d8;box-shadow:var(--shadow-lg)}@media (max-width: 600px){.g2,.g3{grid-template-columns:1fr}.stats-row{gap:8px}}.dm-wrap{min-height:100vh;background:var(--soft)}.dm-hdr{background:var(--dark);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.dm-brand{font-family:var(--font-serif);color:var(--gold);font-size:22px;font-weight:700;letter-spacing:.06em}.dm-brand-sub{font-size:9px;color:#ffffff45;letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.dm-hdr-btns{display:flex;gap:8px}.dm-layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 60px)}.dm-sidebar{background:var(--dark);padding:20px 0;border-right:1px solid rgba(255,255,255,.05)}.dm-sidebar-label{font-size:9px;font-weight:800;color:#fff3;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px 4px}.dm-sidebar-section{padding:0 12px;margin-bottom:6px}.dm-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:.15s;font-size:12px;font-weight:600;color:#fff6;margin:1px 0}.dm-nav-item:hover{background:#ffffff0a;color:#fff9}.dm-nav-item.active{background:#c9a96e20;color:var(--gold)}.dm-nav-count{margin-left:auto;background:#ffffff12;color:#ffffff45;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.dm-content{padding:24px;overflow-y:auto;max-height:calc(100vh - 60px)}.dm-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.dm-toolbar-title{font-family:var(--font-serif);font-size:24px;font-weight:700;color:var(--dark)}.dm-toolbar-sub{font-size:12px;color:var(--muted);margin-top:2px}.dm-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.dm-card{background:var(--cream);border:1.5px solid #e8e2d8;border-radius:12px;overflow:hidden;margin-bottom:10px;transition:.15s}.dm-card:hover{box-shadow:0 4px 20px #0f0c0714}.dm-card-hdr{padding:13px 16px;display:flex;align-items:center;gap:12px;cursor:pointer}.dm-card-body{padding:0 16px 14px}.dm-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.dm-card-name{font-weight:800;font-size:13px;color:var(--dark)}.dm-card-meta{font-size:11px;color:var(--muted);margin-top:1px}.dm-card-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.dm-chevron{color:var(--muted);font-size:12px;transition:.2s;margin-left:4px}.dm-chevron.open{transform:rotate(180deg)}.dm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dm-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.form-hint{font-size:11px;color:#aaa;margin-top:3px;line-height:1.5}.ing-row{display:grid;grid-template-columns:1fr 80px 1fr auto;gap:8px;align-items:center;margin-bottom:7px;background:#f8f5f0;border-radius:8px;padding:8px 10px}.ing-row input{border:none;background:transparent;padding:4px 6px;font-size:12px;width:100%}.ing-row input:focus{border-bottom:1.5px solid var(--gold);outline:none}.del-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:16px;padding:2px 6px;transition:.15s;border-radius:4px}.del-btn:hover{background:#fff0f0;color:var(--red)}.pillar-btns{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:4px}.pillar-btn{padding:5px 14px;border-radius:16px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid;background:transparent;font-family:var(--font-sans);transition:.15s}.dna-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.dna-retail-box{background:#f8f5f0;border-radius:8px;padding:10px 12px}.dna-clinical-box{background:#1a0f35;border-radius:8px;padding:10px 12px;border:1px solid rgba(139,111,191,.27)}.step-guide{counter-reset:step}.step-item{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.step-arrow{width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-text{font-size:13px;color:var(--text);line-height:1.6}@media (max-width: 700px){.dm-layout{grid-template-columns:1fr}.dm-sidebar{display:none}.dm-grid2,.dm-grid3{grid-template-columns:1fr}}