:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#7b8498;--line:#e8ecf3;--dark:#111827;--accent:#e6a23c;--accent2:#f7c66a;--green:#1fa779;--red:#dc5d62;--blue:#4d7cf3;--shadow:0 12px 35px rgba(20,30,55,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body.wtyd-standalone{overflow-x:hidden}.wtyd-standalone>*:not(#wtyd-app):not(script):not(style){display:none!important}
#wtyd-app{min-height:100vh;background:var(--bg);font-family:"Vazirmatn",Tahoma,sans-serif;color:var(--text);font-size:14px;display:flex}#wtyd-app button,#wtyd-app input,#wtyd-app select,#wtyd-app textarea{font:inherit}button{cursor:pointer}
.wtyd-sidebar{width:248px;background:linear-gradient(180deg,#111827,#182235);color:#fff;position:fixed;right:0;top:0;bottom:0;padding:22px 16px;z-index:40;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f5b94f,#d68b20);display:grid;place-items:center;color:#111;font-weight:900;font-size:19px}.brand strong{display:block;font-size:17px}.brand small{display:block;color:#9eabc1;font-size:11px;margin-top:2px}.wtyd-sidebar nav{display:flex;flex-direction:column;gap:5px;padding-top:18px}.nav-item{border:0;background:transparent;color:#aeb7c9;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:10px;text-align:right;transition:.2s;position:relative}.nav-item span{width:24px;text-align:center;font-size:18px}.nav-item b{margin-right:auto;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:20px;font-size:10px}.nav-item i{margin-right:auto;background:#e8a238;color:#171717;font-style:normal;padding:2px 6px;border-radius:6px;font-size:9px;font-weight:800}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.09)}.nav-item.active:before{content:"";position:absolute;right:-16px;width:3px;height:26px;background:#e8a238;border-radius:0 3px 3px 0}.sidebar-card{margin-top:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);padding:11px;border-radius:12px;display:flex;gap:9px;align-items:center}.sidebar-card .dot{width:9px;height:9px;background:#44d19b;border-radius:50%;box-shadow:0 0 0 5px rgba(68,209,155,.1)}.sidebar-card b,.sidebar-card small{display:block}.sidebar-card small{color:#95a0b4;font-size:10px}
.wtyd-main{margin-right:248px;width:calc(100% - 248px);padding-bottom:30px}.topbar{height:86px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30}.topbar h1{font-size:19px;margin:0 0 4px;font-weight:800}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{margin-right:auto;display:flex;align-items:center;gap:12px}.icon-btn,.notification{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;position:relative;color:#5d687c}.notification span{position:absolute;top:-5px;left:-5px;background:#e45a61;color:#fff;border-radius:10px;padding:1px 5px;font-size:9px}.user{display:flex;gap:8px;align-items:center;padding-right:6px}.user b,.user small{display:block}.user b{font-size:12px}.user small{color:var(--muted);font-size:10px}.avatar{width:36px;height:36px;border-radius:11px;background:#eef1f6;display:grid;place-items:center;font-weight:800;color:#49546a}.avatar.big{width:44px;height:44px;border-radius:13px}.mobile-menu{display:none}.view{display:none;padding:24px 28px}.view.active{display:block}.eyebrow{display:inline-flex;background:rgba(230,162,60,.13);color:#ad6c0d;border:1px solid rgba(230,162,60,.22);padding:5px 9px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.2px}
.hero-sales{background:linear-gradient(115deg,#151f31 0%,#202e47 62%,#2b3a56 100%);border-radius:22px;color:#fff;padding:28px 31px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 45px rgba(17,24,39,.16);overflow:hidden;position:relative}.hero-sales:after{content:"";position:absolute;width:280px;height:280px;border:55px solid rgba(255,255,255,.035);border-radius:50%;left:-80px;top:-95px}.hero-sales h2{font-size:25px;max-width:660px;line-height:1.6;margin:10px 0 6px}.hero-sales p{max-width:700px;color:#bdc7d8;margin:0 0 18px;line-height:1.9}.hero-actions{display:flex;gap:9px}.primary-btn,.secondary-btn,.wide-btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700}.primary-btn{background:linear-gradient(135deg,#f5b84e,#e39a2c);color:#161616;box-shadow:0 6px 16px rgba(229,160,50,.2)}.secondary-btn{background:#fff;color:#283449}.hero-score{position:relative;z-index:2;min-width:180px;text-align:center}.score-ring{width:110px;height:110px;border-radius:50%;margin:auto;display:grid;place-items:center;background:radial-gradient(circle at center,#22314a 54%,transparent 55%),conic-gradient(#f1b44a 92%,rgba(255,255,255,.14) 0)}.score-ring strong{font-size:31px;line-height:1}.score-ring small{display:block;color:#aab5c7;font-size:9px}.hero-score>span{display:block;color:#e8bd70;font-size:11px;margin-top:10px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;gap:12px;align-items:center}.kpi-icon{width:42px;height:42px;border-radius:12px;background:#f2f5fa;display:grid;place-items:center;font-size:19px}.kpi small,.kpi strong,.kpi em{display:block}.kpi small{color:var(--muted);font-size:10px}.kpi strong{font-size:21px;margin:2px 0}.kpi em{font-style:normal;color:#1b9c70;font-size:9px}.grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px}.bottom-grid{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel-head h3{margin:0 0 3px;font-size:14px}.panel-head p{margin:0;color:var(--muted);font-size:10px}.text-btn{background:none;border:0;color:#5277d6;font-size:10px}.ai-badge{font-size:9px;font-weight:900;background:#171f30;color:#e8aa3d;padding:4px 7px;border-radius:6px}.funnel{display:grid;gap:11px}.funnel div{display:grid;grid-template-columns:1fr 34px;gap:7px;align-items:center}.funnel span{font-size:11px;color:#657086}.funnel b{text-align:left}.funnel i{grid-column:1/3;height:7px;background:#f0f2f6;border-radius:10px;overflow:hidden}.funnel i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#efb650,#d88b24);border-radius:10px}.tasks{display:grid;gap:8px}.tasks button{border:0;background:#fafbfc;border-radius:11px;padding:11px;display:flex;align-items:center;text-align:right;gap:9px;color:inherit}.tasks button:hover{background:#f5f7fa}.tasks b,.tasks small{display:block}.tasks b{font-size:11px}.tasks small{font-size:9px;color:var(--muted);margin-top:2px}.tasks em{margin-right:auto;font-size:9px;color:#c57a12;font-style:normal;background:#fff2d9;padding:4px 7px;border-radius:8px}.prio{width:8px;height:8px;border-radius:50%}.prio.hot{background:#e15d61}.prio.warm{background:#e8a238}.prio.stock{background:#5c83e5}.bars{display:grid;gap:15px}.bars div{display:grid;grid-template-columns:115px 1fr 60px;align-items:center;gap:10px;font-size:10px}.bars i{height:7px;background:#f0f2f6;border-radius:10px;overflow:hidden}.bars i b{display:block;width:var(--w);height:100%;background:#293750;border-radius:10px}.bars strong{text-align:left}.customer360 .risk{font-size:9px;color:#c84e56;background:#fff0f1;padding:5px 8px;border-radius:8px}.customer-row{display:flex;align-items:center;gap:10px}.customer-row b,.customer-row small{display:block}.customer-row small{color:var(--muted);font-size:9px}.customer-row strong{margin-right:auto;font-size:10px}.ai-note{background:#fff9ed;border:1px solid #f5e1b8;padding:10px;border-radius:10px;color:#745a30;line-height:1.8;font-size:10px}.wide-btn{width:100%;background:#171f30;color:#fff}
.page-tools{display:flex;justify-content:space-between;margin-bottom:15px}.search{width:360px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#98a0af}.search input{border:0;outline:0;background:transparent;width:100%;padding:10px 0}.smart-strip{background:#172134;color:#fff;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:11px;margin-bottom:15px}.smart-strip>span{width:35px;height:35px;background:rgba(239,178,74,.12);display:grid;place-items:center;border-radius:10px;color:#efb24a}.smart-strip b,.smart-strip small{display:block}.smart-strip small{color:#9faabd;font-size:10px}.smart-strip button{margin-right:auto;background:#efb24a;border:0;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:820px}.table-card th{background:#fafbfc;color:#7a8495;text-align:right;font-size:10px;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line)}.table-card td{padding:13px 14px;border-bottom:1px solid #f0f2f5;font-size:10px}.table-card tr:last-child td{border-bottom:0}.table-card td b,.table-card td small{display:block}.table-card td small{color:var(--muted);font-size:9px}.hot-row{background:#fffdf9}.status{display:inline-flex;padding:4px 7px;border-radius:7px;font-size:9px}.status.negotiating{background:#fff1d8;color:#a8680b}.status.quoted{background:#edf3ff;color:#4f70bd}.status.new{background:#eaf8f3;color:#1b8b67}.status.follow{background:#fff0f1;color:#bd535b}.status.good{background:#eaf8f3;color:#1b8b67}.status.alert{background:#fff0f1;color:#bd535b}.status.slow{background:#f0f1f3;color:#6f7683}.score{display:inline-flex;width:31px;height:31px;border-radius:50%;align-items:center;justify-content:center;font-weight:800}.score.high{background:#eaf8f3;color:#17815f}.score.mid{background:#fff5df;color:#a66b13}.score.low{background:#f2f2f3;color:#777}.row-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:9px}.section-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.section-summary>div{background:#fff;border:1px solid var(--line);padding:16px;border-radius:14px}.section-summary span,.section-summary strong{display:block}.section-summary span{color:var(--muted);font-size:10px}.section-summary strong{font-size:17px;margin-top:4px}.warn-text{color:#c9585e!important}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.quote-card.featured{border-color:#efc479;box-shadow:0 10px 30px rgba(227,154,44,.08)}.quote-head{display:flex;justify-content:space-between;align-items:center}.quote-head span{font-size:10px;color:var(--muted)}.quote-head em{font-size:8px;background:#fff1d8;color:#a8680b;padding:4px 7px;border-radius:7px;font-style:normal}.quote-head em.neutral{background:#edf3ff;color:#4f70bd}.quote-head em.danger{background:#fff0f1;color:#bd535b}.quote-card h3{margin:14px 0 4px;font-size:15px}.quote-card p{color:#657086;line-height:1.9;font-size:10px;min-height:42px}.quote-value{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:11px 0;margin:10px 0}.quote-value small,.quote-value strong{display:block}.quote-value small{color:var(--muted);font-size:9px}.quote-value strong{font-size:14px}.quote-meta{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.quote-actions{display:flex;gap:7px;margin-top:12px}.quote-actions button{flex:1;border:0;background:#192234;color:#fff;border-radius:8px;padding:8px;font-size:9px}.quote-actions button+button{background:#f4f6f9;color:#4d586d}
.customer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-cards article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.customer-cards h3{margin:0;font-size:13px}.customer-cards p{margin:2px 0;color:var(--muted);font-size:9px}.customer-cards .tag{font-size:8px;background:#f0f2f5;padding:4px 7px;border-radius:7px}.customer-cards .tag.vip{background:#fff1d8;color:#a8680b}.customer-cards .risk-tag{background:#fff0f1;color:#bd535b}.customer-cards dl{grid-column:1/4;display:grid;grid-template-columns:repeat(3,1fr);background:#fafbfc;border-radius:10px;margin:7px 0;padding:9px}.customer-cards dl div{text-align:center}.customer-cards dt{font-size:8px;color:var(--muted)}.customer-cards dd{margin:2px 0 0;font-size:11px;font-weight:800}.customer-cards article>button{grid-column:1/4;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:9px}.ai-inventory{margin-top:15px;background:#172134;color:#fff;border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px}.ai-inventory>span{font-size:22px;color:#efb24a}.ai-inventory b{font-size:12px}.ai-inventory p{margin:2px 0;color:#aeb8ca;font-size:10px}.ai-inventory button{margin-right:auto;background:#efb24a;border:0;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800}
.orders-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.order-col{background:#eef1f5;border-radius:16px;padding:12px;min-height:520px}.order-col h3{font-size:12px;margin:2px 3px 12px}.order-col h3 span{background:#dfe4eb;color:#596376;padding:2px 7px;border-radius:10px;font-size:9px;margin-right:5px}.order-col article{background:#fff;border:1px solid var(--line);padding:13px;border-radius:11px;margin-bottom:9px;box-shadow:0 6px 15px rgba(30,40,60,.04)}.order-col b,.order-col small,.order-col em{display:block}.order-col b{font-size:11px}.order-col small{color:#26364f;font-weight:800;margin-top:6px}.order-col p{font-size:9px;color:var(--muted)}.order-col em{font-style:normal;font-size:8px;color:#8b94a5}
.automation-hero{background:linear-gradient(120deg,#172134,#263752);color:#fff;border-radius:19px;padding:25px}.automation-hero span{color:#efb24a;font-size:10px;font-weight:800}.automation-hero h2{font-size:23px;margin:7px 0 4px}.automation-hero p{margin:0;color:#b4bfd0;font-size:11px}.automation-list{display:grid;gap:10px;margin-top:14px}.automation-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.auto-icon{width:36px;height:36px;border-radius:10px;background:#f5f0e7;display:grid;place-items:center;color:#b4771b;font-weight:800}.automation-list h3{margin:0;font-size:12px}.automation-list p{margin:2px 0;color:var(--muted);font-size:9px}.switch{margin-right:auto;position:relative;width:42px;height:24px}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:20px;background:#d9dee6}.switch span:before{content:"";position:absolute;width:18px;height:18px;top:3px;right:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 5px rgba(0,0,0,.15)}.switch input:checked+span{background:#1fa779}.switch input:checked+span:before{right:21px}.automation-result{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:end}.automation-result small,.automation-result strong{display:block}.automation-result small{color:var(--muted)}.automation-result strong{font-size:22px;margin:3px 0}.automation-result p{color:var(--muted);font-size:9px}.mini-chart{display:flex;align-items:flex-end;gap:8px;width:300px;height:85px}.mini-chart i{flex:1;background:#263752;border-radius:4px 4px 1px 1px}
.report-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.report-hero>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.report-hero span,.report-hero strong,.report-hero p{display:block}.report-hero span{color:var(--muted);font-size:10px}.report-hero strong{font-size:20px;margin:3px 0}.report-hero p{margin:0;color:#17815f;font-size:9px}.line-chart{height:250px;color:#d9982c;padding:15px 4px 0}.line-chart svg{width:100%;height:200px}.chart-labels{display:flex;justify-content:space-between;color:#8b94a5;font-size:8px}.salespeople{display:grid;gap:10px}.salespeople>div{display:flex;align-items:center;gap:9px;background:#fafbfc;border-radius:10px;padding:11px}.salespeople>div>span{width:29px;height:29px;background:#eef1f5;border-radius:8px;display:grid;place-items:center;font-weight:800}.salespeople b,.salespeople small{display:block}.salespeople b{font-size:10px}.salespeople small{font-size:8px;color:var(--muted)}.salespeople strong{margin-right:auto;font-size:11px}.insights{margin-top:16px}.insights h3{font-size:13px}.insights>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insights article{background:#fff9ed;border:1px solid #f5e1b8;border-radius:13px;padding:13px}.insights b{font-size:10px}.insights p{font-size:9px;color:#786749;line-height:1.8;margin:5px 0 0}
.drawer-overlay{position:fixed;inset:0;background:rgba(9,14,25,.35);backdrop-filter:blur(3px);z-index:79;opacity:0;visibility:hidden;transition:.2s}.drawer-overlay.show{opacity:1;visibility:visible}.detail-drawer{position:fixed;top:0;left:0;bottom:0;width:450px;background:#fff;z-index:80;transform:translateX(-102%);transition:.28s ease;padding:25px;overflow:auto;box-shadow:20px 0 60px rgba(0,0,0,.15)}.detail-drawer.show{transform:translateX(0)}.drawer-close{position:absolute;top:18px;left:18px;border:0;background:#f1f3f6;width:32px;height:32px;border-radius:9px;font-size:18px}.drawer-head{padding-top:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.drawer-head h2{font-size:20px;margin:8px 0 2px}.drawer-head p{margin:0;color:var(--muted);font-size:10px}.drawer-score{display:flex;gap:13px;background:#f6f8fb;border-radius:13px;padding:12px;margin:14px 0}.drawer-score>div{width:70px;text-align:center;border-left:1px solid var(--line)}.drawer-score strong{display:block;font-size:25px;color:#17815f}.drawer-score small{font-size:8px}.drawer-score p{font-size:9px;line-height:1.8;margin:0;color:#667084}.timeline h3,.drawer-products h3{font-size:12px}.timeline>div{display:flex;gap:10px;min-height:50px}.timeline i{width:8px;height:8px;border-radius:50%;background:#df9b32;margin-top:5px;position:relative}.timeline i:after{content:"";position:absolute;width:1px;height:42px;background:#e1e5eb;top:9px;right:3px}.timeline>div:last-child i:after{display:none}.timeline b,.timeline small{display:block}.timeline b{font-size:10px}.timeline small{font-size:8px;color:var(--muted)}.recommendation{background:#fff8e9;border:1px solid #f2deb3;padding:12px;border-radius:11px;margin:12px 0}.recommendation b{font-size:10px;color:#9c6512}.recommendation p{font-size:9px;line-height:1.9;margin:4px 0 0;color:#6c604c}.drawer-products>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.modal{position:fixed;inset:0;background:rgba(10,15,25,.45);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.2s;padding:15px}.modal.show{opacity:1;visibility:visible}.modal-card{width:min(620px,95vw);background:#fff;border-radius:19px;padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-x{position:absolute;left:16px;top:16px;width:31px;height:31px;border:0;background:#f2f4f7;border-radius:9px}.modal-card h2{font-size:18px;margin:9px 0 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{font-size:9px;color:#6d7687}.form-grid label.full{grid-column:1/3}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:5px;outline:0}.form-grid textarea{height:90px;resize:none}.product-line{display:grid;grid-template-columns:1fr 70px 120px;gap:8px;align-items:center;border:1px solid var(--line);padding:6px 9px;border-radius:9px;margin-top:5px;color:#283449}.product-line input{margin:0;text-align:center}.product-line b{text-align:left;font-size:10px}.total-line{display:flex;justify-content:space-between;padding:14px 0;font-size:11px}.total-line strong{font-size:15px}.primary-btn.wide{width:100%;padding:12px}
.tour-card{position:fixed;left:24px;bottom:24px;width:330px;background:#172134;color:#fff;border-radius:16px;padding:17px;z-index:70;box-shadow:0 20px 55px rgba(13,21,36,.25);display:none}.tour-card.show{display:block}.tour-card>button{position:absolute;left:10px;top:10px;border:0;background:rgba(255,255,255,.08);color:#fff;width:26px;height:26px;border-radius:8px}.tour-card>span{color:#efb24a;font-size:9px;font-weight:800}.tour-card h3{font-size:13px;margin:7px 0}.tour-card p{font-size:9px;line-height:1.9;color:#b5bfd0}.tour-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.tour-card>div button{border:0;background:rgba(255,255,255,.08);color:#fff;padding:6px 10px;border-radius:8px;font-size:9px}.tour-card b{font-size:9px;color:#9faabc}.toast{position:fixed;right:272px;bottom:22px;background:#101827;color:#fff;padding:11px 14px;border-radius:12px;display:flex;align-items:center;gap:9px;z-index:120;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;box-shadow:0 15px 40px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:none}.toast>span{width:28px;height:28px;border-radius:8px;background:#1fa779;display:grid;place-items:center}.toast b,.toast small{display:block}.toast b{font-size:10px}.toast small{font-size:8px;color:#b0b9c9}.mobile-bottom{display:none}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.quote-grid,.customer-cards{grid-template-columns:1fr 1fr}.section-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){body.wtyd-standalone{padding:0!important}#wtyd-app{font-size:13px}.wtyd-sidebar{transform:translateX(110%);transition:.25s;width:250px}.wtyd-sidebar.open{transform:translateX(0);box-shadow:-20px 0 60px rgba(0,0,0,.22)}.wtyd-main{margin-right:0;width:100%;padding-bottom:85px}.topbar{height:72px;padding:0 14px}.topbar h1{font-size:16px}.topbar p{white-space:nowrap;max-width:205px;overflow:hidden;text-overflow:ellipsis}.mobile-menu{display:grid;place-items:center;border:0;background:#eef1f5;width:36px;height:36px;border-radius:10px;margin-left:9px}.user,.icon-btn{display:none}.top-actions{gap:4px}.view{padding:14px}.hero-sales{padding:20px;display:block;border-radius:17px}.hero-sales h2{font-size:19px;line-height:1.55}.hero-sales p{font-size:10px}.hero-score{position:absolute;left:15px;top:16px;min-width:auto}.score-ring{width:64px;height:64px}.score-ring strong{font-size:19px}.score-ring small{font-size:7px}.hero-score>span{display:none}.hero-actions{padding-left:70px}.hero-actions button{padding:9px 10px;font-size:10px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.kpi{padding:11px;gap:8px}.kpi-icon{width:34px;height:34px}.kpi strong{font-size:16px}.kpi em{display:none}.grid-2,.bottom-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel{padding:14px}.bars div{grid-template-columns:100px 1fr 55px}.page-tools{gap:8px}.search{width:100%}.page-tools .primary-btn{white-space:nowrap;padding:9px 10px}.smart-strip{align-items:flex-start}.smart-strip button{display:none}.quote-grid,.customer-cards,.orders-board{grid-template-columns:1fr}.section-summary{grid-template-columns:1fr 1fr;gap:8px}.section-summary>div{padding:12px}.section-summary strong{font-size:14px}.orders-board{gap:10px}.order-col{min-height:auto}.automation-hero h2{font-size:18px}.automation-list article{align-items:flex-start}.switch{flex:0 0 42px}.automation-result{display:block}.mini-chart{width:100%;margin-top:12px}.report-hero{grid-template-columns:1fr}.insights>div{grid-template-columns:1fr}.detail-drawer{width:100%;padding:20px}.drawer-actions{position:sticky;bottom:0;background:#fff;padding:10px 0}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:1}.product-line{grid-template-columns:1fr 55px 95px}.tour-card{left:12px;right:12px;bottom:84px;width:auto}.toast{right:12px;left:12px;bottom:86px}.mobile-bottom{position:fixed;display:flex;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);height:68px;z-index:60;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{border:0;background:none;color:#8b94a4;display:flex;flex-direction:column;gap:2px;align-items:center;font-size:8px;width:19%}.mobile-bottom button span{font-size:18px}.mobile-bottom button.active{color:#1f2b40}.mobile-bottom .center-add{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#f5b94f,#db9226);color:#171717;font-size:26px;transform:translateY(-12px);box-shadow:0 8px 20px rgba(220,146,38,.28);display:grid;place-items:center}.drawer-overlay.show{z-index:39}.wtyd-sidebar.open~*{} }
@media(max-width:410px){.hero-sales h2{font-size:17px}.hero-actions{padding-left:0}.hero-score{display:none}.kpi-grid{grid-template-columns:1fr}.customer-row strong{display:none}.quote-meta{display:block}.report-hero strong{font-size:17px}}