:root {
  --bg: #0f0f14;
  --bg2: #16161f;
  --bg3: #1e1e2a;
  --card: #1a1a24;
  --border: #2a2a3a;
  --accent: #E0006C;
  --accent2: #ff3399;
  --green: #2ecc71;
  --red: #e74c3c;
  --blue: #3498db;
  --yellow: #f1c40f;
  --purple: #9b59b6;
  --text: #f0f0f5;
  --text2: #9090a8;
  --text3: #5a5a72;
  --radius: 14px;
  /* price-tool переменные */
  --pink: #E0006C;
  --pink2: #ff3399;
  --dark: #0f0f14;
  --muted: #5a5a72;
  --white: #f0f0f5;
  --tg: #0088cc;
  --gold: #f1c40f;
}

/* ТИП БИЗНЕСА */
.biz-type-btn { padding:10px 8px; background:var(--bg3); border:1px solid var(--border); border-radius:10px; font-size:12px; font-weight:700; color:var(--text2); cursor:pointer; text-align:center; transition:all 0.2s; }
.biz-type-btn:hover { border-color:var(--accent); color:var(--text); }
.biz-type-btn.active { background:rgba(224,0,108,0.1); border-color:var(--accent); color:var(--accent); }

/* ТАРИФЫ */
.pricing-card { background:var(--card); border:1px solid var(--border); border-radius:20px; padding:24px; position:relative; transition:all 0.2s; }
.pricing-card:hover { border-color:rgba(224,0,108,0.3); transform:translateY(-2px); box-shadow:0 8px 32px rgba(0,0,0,0.2); }
.pricing-card-pro { border-color:rgba(224,0,108,0.4); box-shadow:0 0 0 1px rgba(224,0,108,0.2), 0 8px 32px rgba(224,0,108,0.1); }
.pricing-features { display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.pf-item { font-size:13px; display:flex; align-items:center; gap:8px; }
.pf-item::before { content:''; width:18px; height:18px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:10px; }
.pf-ok { color:var(--text); }
.pf-ok::before { content:'✓'; background:rgba(46,204,113,0.15); color:var(--green); width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:900; }
.pf-no { color:var(--text3); text-decoration:line-through; }
.pf-no::before { content:'✕'; background:rgba(90,90,114,0.1); color:var(--text3); width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; }
.pricing-btn { width:100%; padding:14px; border:none; border-radius:12px; font-family:'Manrope'; font-size:14px; font-weight:800; cursor:pointer; transition:all 0.2s; letter-spacing:0.3px; }
.pricing-btn:hover { transform:translateY(-1px); }
.pricing-btn:active { transform:scale(0.98); }
.pricing-btn-outline { background:var(--bg3); color:var(--text2); border:1px solid var(--border); }
.pricing-btn-blue { background:rgba(52,152,219,0.15); color:var(--blue); border:1px solid rgba(52,152,219,0.3); }
.pricing-btn-blue:hover { background:var(--blue); color:#fff; box-shadow:0 6px 20px rgba(52,152,219,0.4); }
.pricing-btn-pro { background:linear-gradient(135deg,var(--accent),#ff3399); color:#fff; box-shadow:0 4px 16px rgba(224,0,108,0.35); }
.pricing-btn-pro:hover { box-shadow:0 8px 24px rgba(224,0,108,0.5); }
.pricing-btn-yellow { background:rgba(241,196,15,0.15); color:var(--yellow); border:1px solid rgba(241,196,15,0.3); }
.pricing-btn-yellow:hover { background:var(--yellow); color:#000; box-shadow:0 6px 20px rgba(241,196,15,0.4); }
.pricing-faq-item { border:1px solid var(--border); border-radius:12px; margin-bottom:8px; overflow:hidden; cursor:pointer; }
.pricing-faq-q { padding:14px 16px; font-size:13px; font-weight:700; color:var(--text); display:flex; justify-content:space-between; align-items:center; }
.pricing-faq-a { padding:0 16px; font-size:13px; color:var(--text2); line-height:1.6; max-height:0; overflow:hidden; transition:all 0.3s; }
.pricing-faq-item.open .pricing-faq-a { max-height:200px; padding:0 16px 14px; }
.pricing-faq-item.open .faq-arrow { transform:rotate(180deg); display:inline-block; }
.faq-arrow { transition:transform 0.3s; display:inline-block; }

/* СВЕТЛАЯ ТЕМА */
body.light {
  --bg: #f4f4f8;
  --bg2: #ffffff;
  --bg3: #eaeaf0;
  --card: #ffffff;
  --border: #d8d8e8;
  --text: #1a1a2e;
  --text2: #5a5a7a;
  --text3: #9090aa;
}
body.light .topbar { background:rgba(244,244,248,0.97); }
body.light .nav { background:rgba(255,255,255,0.98); }
body.light .stat-card { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
body.light .card { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
body.light .list-item { background:#fff; }
body.light .modal { background:#fff; }
body.light input, body.light select, body.light textarea { background:#f4f4f8; color:#1a1a2e; border-color:#d8d8e8; }
body.light .btn-secondary { background:#eaeaf0; color:#1a1a2e; border-color:#d8d8e8; }
body.light .tab { background:#eaeaf0; color:#5a5a7a; }
body.light .tab.active { background:var(--accent); color:#fff; }
body.light #price-tool { background:#fff; color:#1a1a2e; }

/* КНОПКА ТЕМЫ */
.theme-toggle { background:none; border:1px solid var(--border); border-radius:8px; padding:6px 10px; cursor:pointer; font-size:16px; color:var(--text2); transition:all 0.2s; }

/* AUTH SCREEN */
#auth-screen{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
#auth-screen.hidden{display:none}
.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px 28px;position:relative;overflow:hidden}
.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#ff3399)}
.auth-logo{font-family:'Bebas Neue';font-size:48px;letter-spacing:4px;background:linear-gradient(135deg,var(--accent),#ff3399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:4px}
.auth-tagline{text-align:center;font-size:12px;color:var(--text3);margin-bottom:28px}
.auth-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:10px;padding:4px;margin-bottom:24px}
.auth-tab{flex:1;padding:8px;background:none;border:none;border-radius:8px;font-family:'Manrope';font-size:13px;font-weight:700;color:var(--text3);cursor:pointer;transition:all 0.2s}
.auth-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(224,0,108,0.4)}
.auth-form{display:none}
.auth-form.active{display:block}
.auth-field{margin-bottom:14px}
.auth-field label{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.auth-field input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:'Manrope';font-size:14px;color:var(--text);outline:none;transition:border-color 0.2s}
.auth-field input:focus{border-color:var(--accent)}
.auth-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),#ff3399);border:none;border-radius:12px;font-family:'Manrope';font-size:15px;font-weight:800;color:#fff;cursor:pointer;margin-top:8px;transition:all 0.2s;letter-spacing:0.3px}
.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(224,0,108,0.4)}
.auth-btn:active{transform:scale(0.98)}
.auth-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.auth-error{background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--red);margin-bottom:12px;display:none}
.auth-error.show{display:block}
.auth-success{background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.3);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--green);margin-bottom:12px;text-align:center;display:none}
.auth-success.show{display:block}
.auth-forgot{text-align:right;margin-top:-8px;margin-bottom:12px}
.auth-forgot button{background:none;border:none;color:var(--text3);font-size:12px;font-family:'Manrope';cursor:pointer;text-decoration:underline}
.auth-forgot button:hover{color:var(--accent)}
#org-setup{position:fixed;inset:0;z-index:9998;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px}
#org-setup.show{display:flex}
.user-badge{display:flex;align-items:center;gap:8px;cursor:pointer}
.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff3399);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff}
.user-menu{position:absolute;top:56px;right:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:180px;z-index:200;display:none;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.user-menu.show{display:block}
.user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer;transition:background 0.15s}
.user-menu-item:hover{background:var(--bg3);color:var(--text)}
.user-menu-item.danger{color:var(--red)}
.user-menu-sep{border:none;border-top:1px solid var(--border);margin:4px 0}
.plan-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}
.plan-free{background:rgba(90,90,114,0.2);color:var(--text3)}
.plan-basic{background:rgba(52,152,219,0.15);color:var(--blue)}
.plan-pro{background:rgba(224,0,108,0.15);color:var(--accent)}
.plan-enterprise{background:rgba(241,196,15,0.15);color:var(--yellow)}

/* ONBOARDING */
#onboarding { position:fixed; inset:0; z-index:9999; background:var(--bg); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; overflow-y:auto; }
.ob-card { width:100%; max-width:480px; background:var(--bg3); border:1px solid var(--border); border-radius:20px; padding:28px 24px; }
.ob-logo { font-family:'Bebas Neue'; font-size:42px; letter-spacing:4px; background:linear-gradient(135deg,var(--accent),#ff3399); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-align:center; margin-bottom:4px; }
.ob-sub { text-align:center; font-size:13px; color:var(--text3); margin-bottom:28px; }
.ob-step { display:none; }
.ob-step.active { display:block; }
.ob-title { font-size:18px; font-weight:800; margin-bottom:6px; }
.ob-desc { font-size:13px; color:var(--text2); margin-bottom:20px; line-height:1.6; }
.ob-progress { display:flex; gap:6px; margin-bottom:24px; }
.ob-dot { flex:1; height:4px; border-radius:2px; background:var(--border); transition:background 0.3s; }
.ob-dot.done { background:var(--accent); }
.ob-dot.active { background:linear-gradient(90deg,var(--accent),#ff3399); }
.ob-skip { text-align:center; margin-top:14px; }
.ob-skip button { background:none; border:none; color:var(--text3); font-size:12px; cursor:pointer; font-family:Manrope; text-decoration:underline; }
.ob-hint { font-size:11px; color:var(--text3); margin-top:6px; line-height:1.6; padding:8px 10px; background:var(--bg); border-radius:8px; border:1px solid var(--border); }
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
body { font-family:'Manrope',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; overflow-x:hidden; padding-bottom:90px; }

/* TOPBAR */
.topbar { position:sticky; top:0; z-index:100; background:rgba(15,15,20,0.97); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; }
.logo { font-family:'Bebas Neue'; font-size:30px; letter-spacing:3px; background:linear-gradient(135deg, var(--accent), #ff3399); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.logo span { color:var(--text2); font-size:12px; font-family:'Manrope'; letter-spacing:0; display:block; line-height:1; margin-top:-4px; -webkit-text-fill-color:var(--text2); }
.date-badge { background:linear-gradient(135deg,rgba(224,0,108,0.15),rgba(255,51,153,0.1)); border:1px solid rgba(224,0,108,0.3); border-radius:8px; padding:6px 14px; font-size:12px; color:var(--accent); font-weight:700; }

/* NAV */
.nav { position:fixed; bottom:0; left:0; right:0; z-index:100; background:rgba(18,18,26,0.98); backdrop-filter:blur(20px); border-top:1px solid var(--border); display:flex; padding:10px 0 16px; overflow-x:auto; gap:2px; }
.nav-btn { flex:1; min-width:68px; display:flex; flex-direction:column; align-items:center; gap:4px; background:none; border:none; cursor:pointer; padding:8px 4px; color:var(--text3); font-size:9px; font-family:'Manrope'; font-weight:700; transition:all 0.2s; letter-spacing:0.3px; }
.nav-btn.active { color:var(--accent); }
.nav-btn.active svg { filter:drop-shadow(0 0 6px var(--accent)); }
.nav-btn svg { width:22px; height:22px; transition:all 0.2s; }
.nav-btn:active { transform:scale(0.92); }

/* PAGES */
.page { display:none; padding:16px; animation:fadeIn 0.2s ease; }
.page.active { display:block; }
@keyframes fadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(1.3); } }
@keyframes skeletonPulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }

/* TYPOGRAPHY */
.section-title { font-family:'Bebas Neue'; font-size:34px; letter-spacing:1px; color:var(--text); margin-bottom:4px; }
.section-sub { color:var(--text2); font-size:13px; margin-bottom:20px; border-left:3px solid var(--accent); padding-left:8px; }

/* CARDS */
.card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:16px; margin-bottom:12px; transition:border-color 0.2s; }
.card:hover { border-color:rgba(224,0,108,0.2); }
.card-title { font-size:11px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-bottom:12px; }

/* STAT GRID */
.stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.stat-card { background:var(--bg3); border:1px solid var(--border); border-radius:14px; padding:16px 14px; position:relative; overflow:hidden; }
.stat-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--accent), transparent); opacity:0.5; }
.stat-label { font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }
.stat-value { font-family:'Bebas Neue'; font-size:28px; letter-spacing:0.5px; line-height:1; }
.green { color:var(--green); } .red { color:var(--red); } .accent { color:var(--accent); } .blue { color:var(--blue); } .yellow { color:var(--yellow); }

/* FORMS */
.form-group { margin-bottom:14px; }
label { display:block; font-size:11px; font-weight:700; color:var(--text2); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px; }
input, select, textarea { width:100%; background:var(--bg3); border:1px solid var(--border); border-radius:10px; padding:12px 14px; color:var(--text); font-family:'Manrope'; font-size:14px; font-weight:500; outline:none; transition:border-color 0.2s; -webkit-appearance:none; }
input:focus, select:focus, textarea:focus { border-color:var(--accent); }
select option { background:var(--bg2); }
textarea { resize:none; height:80px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }

/* BUTTONS */
.btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px; border-radius:12px; border:none; font-family:'Manrope'; font-size:15px; font-weight:700; cursor:pointer; transition:all 0.15s; }
.btn-primary { background:linear-gradient(135deg, var(--accent), #c0005a); color:#fff; box-shadow:0 4px 20px rgba(224,0,108,0.3); }
.btn-primary:active { transform:scale(0.97); box-shadow:0 2px 10px rgba(224,0,108,0.2); }
.btn-secondary { background:var(--bg3); color:var(--text); border:1px solid var(--border); }
.btn-green { background:var(--green); color:#fff; }
.btn-red { background:rgba(231,76,60,0.15); color:var(--red); border:1px solid rgba(231,76,60,0.3); }
.btn-sm { padding:8px 14px; font-size:13px; width:auto; border-radius:8px; }

/* LIST ITEMS */
.list-item { background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:14px; margin-bottom:8px; display:flex; align-items:flex-start; gap:12px; }
.list-item-dot { width:10px; height:10px; border-radius:50%; margin-top:4px; flex-shrink:0; }
.list-item-body { flex:1; }
.list-item-title { font-size:14px; font-weight:600; color:var(--text); margin-bottom:3px; }
.list-item-sub { font-size:12px; color:var(--text2); }
.list-item-right { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.list-item-amount { font-family:'Bebas Neue'; font-size:20px; }

/* BADGE */
.badge { display:inline-block; padding:3px 8px; border-radius:6px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; }
.badge-green { background:rgba(46,204,113,0.15); color:var(--green); }
.badge-red { background:rgba(231,76,60,0.15); color:var(--red); }
.badge-yellow { background:rgba(241,196,15,0.15); color:var(--yellow); }
.badge-blue { background:rgba(52,152,219,0.15); color:var(--blue); }
.badge-orange { background:rgba(255,107,53,0.15); color:var(--accent); }

/* TABS */
.tabs { display:flex; gap:6px; margin-bottom:16px; overflow-x:auto; padding-bottom:2px; }
.tab { flex-shrink:0; padding:8px 16px; border-radius:20px; border:1px solid var(--border); background:var(--bg3); color:var(--text2); font-size:13px; font-weight:700; cursor:pointer; transition:all 0.2s; font-family:'Manrope'; }
.tab.active { background:linear-gradient(135deg, var(--accent), #c0005a); border-color:var(--accent); color:#fff; box-shadow:0 3px 12px rgba(224,0,108,0.35); }

/* MODAL */
.modal-overlay { display:none; position:fixed; inset:0; z-index:200; background:rgba(0,0,0,0.7); backdrop-filter:blur(4px); align-items:flex-end; justify-content:center; }
.modal-overlay.open { display:flex; }
.modal { background:var(--bg2); border:1px solid var(--border); border-radius:20px 20px 0 0; padding:20px 16px 32px; width:100%; max-width:600px; max-height:85vh; overflow-y:auto; animation:slideUp 0.25s ease; }
@keyframes slideUp { from { transform:translateY(100%); } to { transform:translateY(0); } }
.modal-handle { width:36px; height:4px; background:var(--border); border-radius:2px; margin:0 auto 20px; }
.modal-title { font-family:'Bebas Neue'; font-size:26px; margin-bottom:16px; }

/* PROGRESS */
.progress-bar { height:6px; background:var(--bg3); border-radius:3px; overflow:hidden; margin-top:6px; }
.progress-fill { height:100%; border-radius:3px; transition:width 0.3s; }

/* EMPTY STATE */
.empty-state { text-align:center; padding:40px 20px; }
.empty-icon { font-size:48px; margin-bottom:12px; }
.empty-title { font-size:16px; font-weight:700; color:var(--text2); margin-bottom:6px; }
.empty-sub { font-size:13px; color:var(--text3); }

/* SALARY ROWS */
.sal-row { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--border); font-size:14px; }
.sal-row:last-child { border-bottom:none; }
.sal-row.total { background:rgba(255,107,53,0.06); padding:12px 8px; border-radius:8px; font-weight:800; font-size:15px; border:none; margin-top:4px; }
.sal-label { color:var(--text2); }
.sal-plus { color:var(--green); font-weight:700; }
.sal-minus { color:var(--red); font-weight:700; }
.sal-total { color:var(--accent); font-family:'Bebas Neue'; font-size:24px; }

/* CLOCK */
.clock-display { background:var(--bg3); border:1px solid var(--border); border-radius:16px; padding:24px; text-align:center; margin-bottom:16px; }
.clock-time { font-family:'Bebas Neue'; font-size:56px; color:var(--accent); letter-spacing:2px; line-height:1; }
.clock-date { font-size:13px; color:var(--text2); margin-top:4px; }

/* SETTINGS */
.settings-row { background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:2px; }
.settings-item { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.settings-item:last-child { border-bottom:none; }
.settings-item-label { font-size:14px; font-weight:600; }
.settings-item input { width:100px; text-align:right; border:none; background:none; padding:4px 0; font-size:14px; font-weight:700; color:var(--accent); outline:none; }

/* TOAST */
.toast { position:fixed; bottom:100px; left:50%; transform:translateX(-50%); padding:10px 20px; border-radius:10px; font-weight:700; font-size:13px; z-index:9999; animation:fadeIn 0.2s; white-space:nowrap; }

/* NAV BADGE */
.nav-btn { position:relative; }
.nav-badge { position:absolute; top:4px; right:8px; background:var(--accent); color:#fff; font-size:9px; font-weight:900; min-width:16px; height:16px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:0 3px; line-height:1; pointer-events:none; box-shadow:0 0 6px rgba(224,0,108,0.6); }

/* ── Умный прайс ── */

#price-tool .hero { background:var(--dark); padding:40px; position:relative; overflow:hidden; border-bottom:1px solid #2a2a3a; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 85% 50%, #2d0a30 0%, transparent 70%); }
#price-tool .hero-inner { position:relative; z-index:1; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
#price-tool .hero-emoji { font-size:64px; filter:drop-shadow(0 0 16px rgba(233,30,140,0.5)); }
#price-tool .hero-tag { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--pink2); font-weight:700; margin-bottom:10px; }
#price-tool .hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(40px,6vw,72px); line-height:0.9; color:white; }
#price-tool .hero h1 em { color:var(--pink); font-style:normal; }
#price-tool .hero p { color:#556; font-size:13px; margin-top:10px; }

#price-tool .main { padding:32px 40px 80px; }

/* STEP */
#price-tool .step-label { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); font-weight:700; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.step-label::after { content:''; flex:1; height:1px; background:var(--border); }

/* PASTE AREA */
#price-tool .paste-wrap { background:var(--card); border:1.5px solid var(--border); border-radius:14px; overflow:hidden; margin-bottom:24px; }
#price-tool .paste-head { padding:16px 24px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
#price-tool .paste-head h3 { font-size:15px; font-weight:800; }
#price-tool .paste-actions { display:flex; gap:8px; }
#price-tool .btn { padding:9px 18px; border-radius:8px; font-size:12px; font-weight:700; font-family:'DM Sans',sans-serif; cursor:pointer; border:none; transition:all 0.2s; letter-spacing:0.5px; }
#price-tool .btn-pink { background:var(--pink); color:white; }
.btn-pink:hover { background:var(--pink2); }
#price-tool .btn-ghost { background:#1a1a1a; color:#888; border:1px solid var(--border); }
.btn-ghost:hover { color:var(--white); border-color:#444; }
#price-tool .btn-tg { background:var(--tg); color:white; }
.btn-tg:hover { background:#1a8bbf; }
#price-tool .btn-green { background:var(--green); color:#000; }
.btn-green:hover { opacity:0.9; }

#price-tool textarea {
  width:100%; padding:20px 24px;
  background:transparent; border:none; outline:none;
  font-family:'DM Mono',monospace; font-size:13px;
  color:#aaa; line-height:1.8; resize:vertical;
  min-height:180px;
}
textarea::placeholder { color:#333; }

/* MARGIN SETTINGS */
#price-tool .margin-wrap { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:24px; margin-bottom:24px; }
#price-tool .margin-wrap h3 { font-size:15px; font-weight:800; margin-bottom:16px; }
#price-tool .margin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
#price-tool .margin-item { background:#1a1a1a; border:1px solid var(--border); border-radius:10px; padding:14px 16px; }
#price-tool .margin-item label { font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:8px; }
#price-tool .margin-item input {
  width:100%; background:#0d0d0d; border:1px solid #333;
  border-radius:6px; padding:8px 12px;
  font-family:'DM Mono',monospace; font-size:15px;
  color:var(--pink2); outline:none; text-align:center;
  transition:border 0.2s;
}
.margin-item input:focus { border-color:var(--pink); }
#price-tool .margin-item .m-sub { font-size:11px; color:#333; margin-top:6px; text-align:center; }

/* FILTER */
#price-tool .filter-wrap { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
#price-tool .filter-btn { padding:7px 16px; border-radius:100px; border:1px solid var(--border); background:var(--card); color:var(--muted); font-size:12px; font-weight:600; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.2s; }
.filter-btn:hover { color:var(--white); border-color:#444; }
#price-tool .filter-btn.active { background:var(--pink); border-color:var(--pink); color:white; }

/* RESULTS TABLE */
#price-tool .results-wrap { background:var(--card); border:1px solid var(--border); border-radius:14px; overflow:hidden; margin-bottom:24px; }
#price-tool .results-head { padding:16px 24px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
#price-tool .results-head h3 { font-size:15px; font-weight:800; }
#price-tool .results-count { font-size:12px; color:var(--muted); }

#price-tool .results-table { width:100%; border-collapse:collapse; }
#price-tool .results-table th { padding:10px 16px; text-align:left; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); font-weight:700; border-bottom:1px solid var(--border); background:#111; }
#price-tool .results-table td { padding:11px 16px; border-bottom:1px solid #1a1a1a; font-size:13px; color:#ccc; vertical-align:middle; }
.results-table tr:last-child td { border:none; }
.results-table tr:hover td { background:#1a1a1a; }
#price-tool .results-table tr.selected td { background:#1a0a12; }

#price-tool .cb-cell input[type=checkbox] { width:16px; height:16px; accent-color:var(--pink); cursor:pointer; }
#price-tool .item-name { font-weight:600; color:var(--white); }
#price-tool .item-opt { font-family:'DM Mono',monospace; color:#666; }
#price-tool .item-retail { font-family:'DM Mono',monospace; color:var(--green); font-weight:600; }
#price-tool .item-margin { font-size:11px; font-weight:700; padding:3px 8px; border-radius:100px; }
#price-tool .m-low { background:#1a0a0a; color:#ff8888; }
#price-tool .m-mid { background:#1a1400; color:var(--gold); }
#price-tool .m-high { background:#001a0f; color:var(--green); }
#price-tool .flag { font-size:16px; }

#price-tool .select-all-row { padding:10px 16px; background:#111; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); }
#price-tool .select-all-row label { cursor:pointer; display:flex; align-items:center; gap:8px; }

/* POST PREVIEW */
#price-tool .post-wrap { background:var(--card); border:1px solid var(--border); border-radius:14px; overflow:hidden; margin-bottom:24px; }
#price-tool .post-head { padding:16px 24px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
#price-tool .post-head h3 { font-size:15px; font-weight:800; }
#price-tool .post-body { padding:16px 24px; }
#price-tool .tg-preview {
  background:#1c1c1e; border-radius:12px; padding:20px 24px;
  font-family:'DM Mono',monospace; font-size:13px; line-height:2;
  color:#e0e0e0; white-space:pre-wrap; word-break:break-word;
  min-height:100px; margin-bottom:16px; border:1px solid #2a2a2a;
}
#price-tool .post-actions { display:flex; gap:10px; flex-wrap:wrap; }

#price-tool .empty-state { padding:40px; text-align:center; color:var(--muted); font-size:14px; }

#price-tool .box { border-radius:10px; padding:16px 20px; margin-bottom:16px; font-size:13px; line-height:1.7; border-left:3px solid; }
#price-tool .box-pink { background:#1a0510; border-color:var(--pink); }
#price-tool .box-pink strong { color:var(--pink2); }
#price-tool .box-green { background:#001a0f; border-color:var(--green); }
#price-tool .box-green strong { color:var(--green); }

#price-tool .footer { padding:20px 40px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
#price-tool .footer-brand { font-family:'Bebas Neue',sans-serif; font-size:20px; color:#222; letter-spacing:3px; }
#price-tool .footer-note { font-size:12px; color:#333; }

@media(max-width:640px) {
  #price-tool .hero, #price-tool .main, #price-tool .footer { padding-left:20px; padding-right:20px; }
  .results-table th:nth-child(3), .results-table td:nth-child(3) { display:none; }
}

/* ═══ МОБИЛЬНЫЕ СТИЛИ ═══ */
@media(max-width:480px) {
  #page-dashboard [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #page-dashboard [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: repeat(3,1fr) !important;
  }
  #apex-chart-revenue,
  #apex-chart-workers { min-height: 180px; }
  #dash-today-rev, #dash-orders-active,
  #dash-month-rev, #dash-net-profit {
    font-size: 20px !important;
  }
  #page-dashboard [style*="overflow-x:auto"] {
    -webkit-overflow-scrolling: touch;
  }
  .form-row {
    grid-template-columns: 1fr !important;
  }
  .list-item-right {
    min-width: 80px !important;
  }
  .list-item-right button {
    padding: 3px 6px !important;
    font-size: 10px !important;
  }
  .nav-btn {
    min-width: 44px !important;
    padding: 6px 4px !important;
  }
  .nav-btn .nav-label {
    font-size: 9px !important;
  }
  .modal {
    border-radius: 20px 20px 0 0 !important;
    max-height: 92vh !important;
  }
  .section-title {
    font-size: 22px !important;
  }
  .results-table {
    font-size: 11px !important;
  }
  #page-dashboard > div:first-child button {
    padding: 7px 12px !important;
    font-size: 12px !important;
  }
}