@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#172225;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;direction:rtl}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh;background:#f4f7f6}.sidebar{width:255px;background:#fff;border-left:1px solid #e5edeb;display:flex;flex-direction:column;padding:25px 16px 17px;position:fixed;inset:0 0 0 auto;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 33px}.brand-mark{width:43px;height:43px;border-radius:14px;background:#d8f4ec;color:#0f766e;display:grid;place-items:center}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:11px;color:#8a9998;margin-top:3px}.sidebar-label{font-size:11px;color:#9ba9a7;padding:0 13px 9px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;color:#637371;background:transparent;border-radius:11px;text-align:right;transition:.2s}.nav-item:hover{background:#f1f8f6;color:#0f766e}.nav-item.active{background:#e7f7f2;color:#0f766e;font-weight:700}.nav-badge{margin-right:auto;color:#fff;background:#e89352;border-radius:20px;font-size:10px;padding:2px 7px}.sidebar-footer{margin-top:auto}.server-status{display:flex;align-items:center;gap:7px;color:#6c7b79;font-size:10px;padding:11px 9px;margin-bottom:11px}.status-dot{width:7px;height:7px;background:#26b47b;border-radius:50%;box-shadow:0 0 0 4px #e4f7ef}.user-card{display:flex;align-items:center;gap:9px;background:#f6f9f8;border-radius:13px;padding:10px}.user-card strong,.user-card span{display:block}.user-card strong{font-size:12px}.user-card span{font-size:10px;color:#83908f;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:#d6eee7;color:#087b6d;display:grid;place-items:center;font-size:11px;font-weight:700}.avatar.small{width:29px;height:29px;font-size:10px}.muted-icon{color:#a9b5b2;margin-right:auto}.main-content{width:calc(100% - 255px);margin-right:255px}.topbar{height:88px;background:#fff;border-bottom:1px solid #e9efed;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-right,.topbar-actions{display:flex;align-items:center;gap:18px}.eyebrow,.section-kicker{font-size:10px;color:#94a29f;margin:0 0 4px;display:block}.topbar h1{font-size:20px;margin:0}.icon-button{background:transparent;color:#667573;padding:7px;border-radius:9px;position:relative}.icon-button:hover{background:#f3f8f6}.menu-toggle,.mobile-close{display:none}.notification i{position:absolute;width:6px;height:6px;background:#ec9b5d;border:2px solid #fff;border-radius:50%;top:5px;right:6px}.profile-pill{display:flex;align-items:center;gap:8px;color:#455553;background:#f5f8f7;padding:5px 9px 5px 5px;border-radius:25px;font-size:12px}.page-content{padding:33px 42px 50px;max-width:1500px;margin:auto}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.welcome-row h2{font-size:23px;margin:0 0 5px;letter-spacing:-.4px}.welcome-row h2 span{font-size:18px;color:#e8a561}.welcome-row p{color:#84918f;font-size:12px;margin:0}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;transition:.2s}.primary-button{background:#0f766e;color:#fff;box-shadow:0 7px 18px #0f766e22}.primary-button:hover{background:#0a625b;transform:translateY(-1px)}.outline-button{color:#44716b;background:#fff;border:1px solid #d8e5e1}.outline-button:hover{border-color:#0f766e;color:#0f766e}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card,.panel{background:#fff;border:1px solid #e8efed;border-radius:15px;box-shadow:0 5px 20px #173e3510}.stat-card{padding:18px;display:flex;gap:12px;min-height:130px;position:relative}.stat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:none}.stat-icon.teal{color:#0f8b7d;background:#dff7f0}.stat-icon.blue{color:#4487c3;background:#e9f3fd}.stat-icon.purple{color:#8870bd;background:#f0ebfd}.stat-icon.orange{color:#cc8846;background:#fff1e2}.stat-copy>span,.stat-copy>small{display:block;color:#8b9997;font-size:10px}.stat-copy strong{display:block;font-size:23px;margin:3px 0}.stat-copy small{font-size:10px}.stat-trend{position:absolute;left:15px;top:18px;color:#3aa883;font-size:15px}.progress{height:4px;background:#e9f1ef;border-radius:4px;margin-top:8px;width:110px}.progress i{display:block;height:100%;border-radius:4px;background:#4aa993}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h3{font-size:15px;margin:0}.select-button,.more-button{background:#f6f9f8;border:1px solid #e6eeeb;border-radius:8px;color:#72807e;font-size:10px;padding:7px 10px;display:flex;align-items:center;gap:4px}.more-button{font-size:15px;letter-spacing:2px;padding:2px 8px}.chart{display:flex;height:222px;margin-top:19px}.y-labels{width:34px;display:flex;flex-direction:column;justify-content:space-between;color:#a3aeac;font-size:9px;padding:3px 0 21px}.chart-body{flex:1;position:relative}.grid-lines{position:absolute;top:0;right:0;bottom:22px;left:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;background:#edf2f1;width:100%}.bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-around;padding:0 4%;z-index:1}.bar-group{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;width:10%}.bar{width:22px;background:linear-gradient(180deg,#50bca1,#168579);border-radius:6px 6px 2px 2px;min-height:15px;position:relative;transition:.3s}.bar:hover{filter:brightness(1.08);transform:scaleY(1.04)}.bar span{position:absolute;top:-20px;right:50%;transform:translate(50%);font-size:9px;color:#62817b;opacity:0}.bar:hover span{opacity:1}.bar-group small{font-size:9px;color:#9ba9a7;white-space:nowrap}.donut-wrap{display:flex;align-items:center;gap:24px;margin:28px 0 22px}.donut{width:137px;height:137px;border-radius:50%;background:conic-gradient(#38a68e 0,#38a68e 85%,#e9efed 85%,#e9efed);display:grid;place-items:center;position:relative;flex:none}.donut:after{content:"";position:absolute;width:98px;height:98px;background:#fff;border-radius:50%}.donut div{position:relative;z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:22px}.donut span{font-size:10px;color:#9aa7a5}.legend{display:grid;gap:13px;flex:1}.legend div{display:flex;align-items:center;gap:6px;font-size:10px;color:#687876}.legend b{margin-right:auto;font-size:11px;color:#30423f}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.teal{background:#38a68e}.legend-dot.light{background:#cbe8df}.legend-dot.gray{background:#e9efed}.mini-callout{background:#f1faf7;border-radius:11px;padding:12px;display:flex;align-items:center;gap:9px;color:#218572}.mini-callout div{flex:1}.mini-callout strong,.mini-callout span{display:block}.mini-callout strong{font-size:11px;color:#236c60}.mini-callout span{font-size:9px;color:#80938f;margin-top:3px}.table-panel{padding-bottom:9px}.text-button{display:flex;align-items:center;gap:4px;color:#0f8174;background:transparent;font-size:11px}.table-scroll{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:right;color:#a0adaa;font-size:10px;font-weight:500;padding:10px 9px;border-bottom:1px solid #eef2f1}td{font-size:11px;color:#50605d;padding:13px 9px;border-bottom:1px solid #f0f3f2}.product-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#334441}.product-dot{width:8px;height:8px;border-radius:50%}.product-dot.mint{background:#5cbba3}.product-dot.blue{background:#76a8d8}.product-dot.amber{background:#e3a25e}.product-dot.rose{background:#d8889d}.muted{color:#98a5a2}.status-chip{font-size:9px;border-radius:20px;padding:5px 9px;display:inline-block}.status-chip.ready{color:#25836f;background:#e6f7f1}.status-chip.pending{color:#ab7b45;background:#fff3e4}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.search-box{border:1px solid #e1ebe8;background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8da09b;max-width:340px;width:100%}.search-box input{border:0;outline:0;padding:10px 0;width:100%;font-size:11px;color:#334441;background:transparent}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:17px;align-items:start}.settings-nav{padding:10px}.settings-nav button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;background:transparent;color:#71817e;font-size:11px;text-align:right}.settings-nav button.active{background:#e8f7f2;color:#0f766e;font-weight:700}.settings-form{min-height:470px}.form-header{margin-bottom:22px}.form-header h3{margin:0 0 6px;font-size:16px}.form-header p{font-size:11px;color:#8c9a97;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label{font-size:10px;color:#687876;display:grid;gap:7px}.form-grid input,.form-grid select{width:100%;border:1px solid #dfeae7;border-radius:8px;padding:10px 11px;outline:0;color:#30423f;background:#fbfdfc;font-size:11px}.form-grid input:focus,.form-grid select:focus{border-color:#62b8a6;box-shadow:0 0 0 3px #62b8a622}.form-divider{height:1px;background:#edf2f0;margin:26px 0}.connection-card,.integration,.backup-actions>div{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e1ebe8;border-radius:11px;margin-bottom:18px}.connection-icon{width:38px;height:38px;border-radius:10px;background:#e9f7f3;color:#168676;display:grid;place-items:center}.connection-card div:nth-child(2),.integration div:nth-child(2){flex:1}.connection-card strong,.connection-card span,.integration strong,.integration span{display:block}.connection-card strong,.integration strong{font-size:12px}.connection-card span,.integration span{font-size:10px;color:#8b9997;margin-top:4px}.info-box{display:flex;gap:8px;align-items:center;color:#587c74;background:#f0faf7;border-radius:9px;padding:11px;margin-top:18px;font-size:10px}.integration-list{display:grid;gap:10px}.integration{margin:0}.integration-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:700}.integration-logo.bale{background:#3999dc}.integration-logo.eitaa{background:#38a3c4}.integration-logo.sms{background:#a58bce;font-size:8px}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-actions>div{display:grid;grid-template-columns:28px 1fr;align-items:center}.backup-actions>div>span{grid-column:2;color:#8c9a97;font-size:10px}.backup-actions button{grid-column:2;margin-top:11px;width:max-content}.backup-history{border-top:1px solid #edf2f0;margin-top:25px;padding-top:20px}.backup-history .panel-heading{align-items:center;margin-bottom:10px}.backup-history h3{font-size:13px}.history-row{display:flex;align-items:center;gap:10px;background:#fafcfb;padding:11px;border-radius:9px;color:#657572;font-size:11px}.history-row small{margin-right:auto;color:#9aa8a5;font-size:9px}.theme-preview{border:1px solid #dfeae7;border-radius:11px;overflow:hidden;margin-bottom:20px}.preview-top{background:#0f766e;color:#fff;padding:10px 13px;font-size:11px}.preview-top span{opacity:.65;margin-right:5px}.preview-body{padding:16px;display:flex;align-items:center;gap:10px}.preview-dot{width:31px;height:31px;border-radius:9px;background:#d8f4ec}.preview-body strong,.preview-body span{display:block}.preview-body strong{font-size:12px}.preview-body span{font-size:10px;color:#899793;margin-top:3px}.about-card{max-width:750px;margin:30px auto;padding:45px;text-align:center}.about-symbol{width:75px;height:75px;border-radius:23px;background:#d8f4ec;color:#0f766e;display:grid;place-items:center;margin:0 auto 20px}.about-card h2{font-size:25px;margin:4px 0 10px}.about-card>p{font-size:12px;color:#83918f}.about-details{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:30px 0;text-align:right}.about-details div{background:#f7faf9;border-radius:11px;padding:14px}.about-details span,.about-details strong{display:block}.about-details span{font-size:10px;color:#91a09d;margin-bottom:5px}.about-details strong{font-size:12px;color:#34514b}.about-footer{border-top:1px solid #edf2f0;padding-top:18px;color:#849490;font-size:10px}.empty-page{text-align:center;padding:90px 20px}.empty-icon{width:64px;height:64px;border-radius:18px;background:#e5f5f0;color:#168879;display:grid;place-items:center;margin:0 auto 16px}.empty-page h2{font-size:20px;margin:0 0 7px}.empty-page p{font-size:12px;color:#8b9997;margin:0 0 20px}.toast{position:fixed;bottom:25px;left:25px;z-index:50;background:#183f38;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px #163b3333;font-size:11px;display:flex;align-items:center;gap:8px;animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.backdrop{display:none}@media(max-width:1000px){.sidebar{transform:translate(100%);transition:.25s}.sidebar.is-open{transform:none;box-shadow:-15px 0 35px #143c3222}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#123b3528;z-index:10}.main-content{width:100%;margin:0}.menu-toggle{display:block}.mobile-close{display:block;margin-right:auto}.topbar{padding:0 22px}.page-content{padding:27px 22px 40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:75px}.topbar h1{font-size:17px}.topbar-actions .profile-pill span:not(.avatar){display:none}.page-content{padding:22px 14px 35px}.welcome-row{align-items:flex-start;gap:17px;flex-direction:column}.welcome-row h2{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;min-height:115px;gap:8px}.stat-card .stat-icon{width:33px;height:33px}.stat-copy strong{font-size:18px}.stat-copy>span{font-size:9px}.stat-copy>small{font-size:8px}.progress{width:80px}.panel{padding:15px}.chart-panel{overflow:hidden}.donut-wrap{gap:15px}.donut{width:112px;height:112px}.donut:after{width:80px;height:80px}.legend{gap:9px}.toolbar{flex-direction:column}.search-box{max-width:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;gap:5px}.settings-nav button{min-width:125px}.form-grid,.backup-actions{grid-template-columns:1fr}.about-card{padding:30px 18px;margin:10px auto}.about-details{grid-template-columns:1fr;gap:8px}.about-card h2{font-size:21px}.chart{height:190px}.bar{width:16px}}.integration-tabs{display:flex;gap:8px;border-bottom:1px solid #edf2f0;padding-bottom:14px;margin-bottom:20px}.integration-tabs button{display:flex;align-items:center;gap:8px;background:#f7faf9;color:#71817e;border:1px solid #e6efec;border-radius:10px;padding:8px 12px;font-size:11px}.integration-tabs button.active{background:#e8f7f2;border-color:#9fd8c9;color:#087b6d;font-weight:700}.integration-tabs button svg{color:#2eaa88}.integration-tabs .integration-logo{width:28px;height:28px;border-radius:8px;font-size:10px}.provider-form{border:1px solid #e5eeeb;border-radius:13px;padding:19px}.provider-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.provider-heading>div:nth-child(2){flex:1}.provider-heading strong,.provider-heading span{display:block}.provider-heading strong{font-size:13px}.provider-heading span{font-size:10px;color:#879692;margin-top:4px}.endpoint-badge{background:#e9f6f2;color:#218b78!important;padding:5px 8px;border-radius:20px;font-size:9px!important}.provider-note{display:flex;align-items:flex-start;gap:8px;background:#fffaf0;color:#916f3b;border-radius:9px;padding:11px;margin-top:18px;font-size:10px;line-height:1.8}.provider-note svg{flex:none;margin-top:2px}.sms-endpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.sms-endpoints div{background:#f8fbfa;border:1px solid #eaf1ef;padding:10px;border-radius:8px}.sms-endpoints span{display:block;color:#8a9996;font-size:9px;margin-bottom:6px}.sms-endpoints code{font-size:8px;color:#53766f;direction:ltr;display:block;word-break:break-all}.provider-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f0;margin-top:23px;padding-top:17px}.provider-actions>div{display:flex;gap:8px}.ghost-button{display:flex;align-items:center;gap:6px;background:transparent;color:#7c8a87;font-size:10px}.primary-button:disabled,.outline-button:disabled{opacity:.55;cursor:wait}.checkbox-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;padding-top:22px}.checkbox-label input{width:15px;height:15px;accent-color:#0f766e}.channel-help{margin-top:13px;padding:11px;background:#f0faf7;color:#5f8079;border-radius:8px;font-size:10px;line-height:1.8}.visitor-modal .channel-options button:not(:first-child){display:none}.visitor-modal .chat-id-field{display:none}.chat-id-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-id-header strong{font-size:10px;color:#506963}.chat-id-header span{font-size:9px;color:#ad8a55}.chat-id-header span.connected{color:#20846d}.clear-chat{width:40px;border:1px solid #f0d7d7;border-right:0;background:#fff2f2;color:#b54c51}.chat-confirm{display:flex!important;align-items:center;gap:7px;margin-top:9px;font-size:9px!important;color:#667976!important}.chat-confirm input{width:14px!important;height:14px!important;accent-color:#0f766e}.recipient-preview{display:flex;align-items:center;gap:8px;background:#f0faf7;color:#3c746b;border-radius:9px;padding:12px;font-size:11px;margin-bottom:17px}.recipient-preview strong{font-size:12px;color:#244b44}.chat-id-field{margin-top:14px;padding:12px;background:#f8fbfa;border:1px solid #e4efeb;border-radius:9px}.chat-id-field label{display:grid;gap:7px;font-size:10px;color:#687876}.copy-input{display:flex;direction:ltr}.copy-input input{flex:1;border:1px solid #dfeae7;border-radius:8px 0 0 8px;padding:10px;font-size:11px;background:#f1f6f4;color:#5d7770}.copy-input button{width:40px;border:1px solid #dfeae7;border-right:0;border-radius:0 8px 8px 0;background:#e5f6f0;color:#0f766e}.copy-input button:disabled{opacity:.45}.chat-id-field small{display:block;color:#91a09d;font-size:9px;line-height:1.8;margin-top:7px}.integration-logo.rubika{background:#ef8c32}.visitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.visitor-stats>div{display:flex;align-items:center;gap:10px;padding:15px 18px;background:#fff;border:1px solid #e8efed;border-radius:13px;color:#0f766e}.visitor-stats>div>span{font-size:10px;color:#82918e}.visitor-stats strong{display:block;color:#233d38;font-size:19px;margin-top:3px}.filter-select{border:1px solid #dfeae7;background:#fff;border-radius:9px;padding:0 12px;color:#667876;font-size:11px}.visitor-name{display:flex;align-items:center;gap:9px;color:#304541}.visitor-avatar{width:29px;height:29px;border-radius:9px;background:#e4f6f0;color:#0f8174;display:grid;place-items:center;font-size:11px;font-weight:700}.channel-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px}.channel-chip i{width:6px;height:6px;border-radius:50%;background:currentColor}.channel-chip.sms{color:#8870bd;background:#f1ecfd}.channel-chip.bale{color:#357fba;background:#eaf4fc}.channel-chip.rubika{color:#bf762a;background:#fff2e3}.channel-chip.none{color:#889692;background:#f0f3f2}.destination{display:block;font-size:8px;color:#a0adaa;margin-top:4px;direction:ltr;text-align:right;max-width:190px;overflow:hidden;text-overflow:ellipsis}.status-toggle{border-radius:20px;padding:5px 10px;font-size:9px;background:#f0f3f2;color:#778581}.status-toggle.on{background:#e5f7f1;color:#25836f}.row-actions{display:flex;gap:5px}.row-actions button{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f3f7f5;color:#5f7771}.row-actions button:hover{background:#e4f6f0;color:#0f766e}.row-actions .danger-action:hover{background:#fff0f0;color:#b54c51}.table-empty{text-align:center;color:#9aa7a4;padding:35px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#103b353d;display:grid;place-items:center;padding:20px}.visitor-modal{background:#fff;border-radius:17px;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:23px;box-shadow:0 20px 60px #143a3338}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf2f0;padding-bottom:16px;margin-bottom:20px}.modal-heading h3{margin:0;font-size:17px}.modal-section{border-top:1px solid #edf2f0;margin-top:23px;padding-top:18px}.modal-section h4{font-size:12px;margin:0 0 12px;color:#52635f}.channel-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.channel-options button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1ebe8;background:#fafcfb;color:#71817e;border-radius:9px;padding:11px 7px;font-size:10px}.channel-options button.selected{border-color:#83cbb8;background:#e6f7f1;color:#0f766e;font-weight:700}.destination-label,.notes-label{display:grid;gap:7px;font-size:10px;color:#687876;margin-top:16px}.destination-label input,.notes-label textarea{border:1px solid #dfeae7;border-radius:8px;padding:10px 11px;outline:0;color:#30423f;background:#fbfdfc;font-size:11px}.notes-label textarea{min-height:70px;resize:vertical}.active-checkbox{padding-top:17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf2f0;margin-top:21px;padding-top:17px}@media(max-width:650px){.visitor-stats{grid-template-columns:1fr;gap:8px}.filter-select{height:40px}.channel-options{grid-template-columns:repeat(2,1fr)}.visitor-modal{padding:17px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.dashboard-ranking{display:grid;gap:13px;padding:14px 0}.ranking-row{display:grid;gap:7px}.ranking-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#526c65}.ranking-label strong{color:#0f766e;font-size:10px;white-space:nowrap}.ranking-track{height:9px;background:#eaf2ef;border-radius:20px;overflow:hidden}.ranking-track i{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#66c5ae);border-radius:20px;min-width:2px}.ranking-row.compact .ranking-track i{background:linear-gradient(90deg,#4d8bc4,#8bc6eb)}.status-chip.inactive{color:#889692;background:#f0f3f2}.form-error{display:flex;align-items:center;gap:7px;margin-top:15px;padding:10px 12px;border-radius:9px;background:#fff1f1;color:#b54c51;font-size:10px}.product-modal{width:min(720px,100%)}.product-modal .form-grid{gap:15px}.product-modal .active-checkbox{margin-top:2px}.companies-table{min-width:820px}.company-avatar{display:grid;place-items:center;color:#0f766e;background:#e4f6f0}.company-address{display:block;color:#9aa7a4;font-size:9px;margin:5px 0 0 38px}.backup-schedule{margin-bottom:18px}.backup-schedule .panel-heading{align-items:center;margin-bottom:16px}.backup-schedule .provider-actions{margin-top:18px;justify-content:space-between}.backup-schedule .checkbox-label{display:flex;align-items:center;gap:7px}.backup-schedule .checkbox-label input{accent-color:#0f766e}.history-row{flex-wrap:wrap}.history-row>span:first-of-type{min-width:220px}.history-row small{min-width:240px;text-align:left}.product-count-badge{display:inline-flex;align-items:center;gap:6px;min-width:42px;justify-content:center;padding:6px 9px;border-radius:20px;color:#0f766e;background:#e6f7f1;font-size:11px;font-weight:700}.cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cycle-card{padding:18px}.cycle-card-heading,.cycle-dates,.cycle-summary,.cycle-card-actions,.section-heading-inline{display:flex;align-items:center}.cycle-card-heading,.section-heading-inline{justify-content:space-between;gap:12px}.cycle-card-heading h3{font-size:15px;margin:0}.cycle-dates{gap:22px;margin:20px 0 16px}.cycle-dates>div{display:flex;align-items:flex-start;gap:8px;color:#0f766e}.cycle-dates span,.cycle-dates strong{display:block}.cycle-dates span{font-size:10px;color:#899794}.cycle-dates strong{font-size:11px;color:#30423f;margin-top:4px}.cycle-summary{gap:10px;flex-wrap:wrap;border-top:1px solid #edf2f0;padding-top:14px}.cycle-summary span{display:inline-flex;align-items:center;gap:5px;color:#72817e;font-size:10px;background:#f7faf9;border-radius:20px;padding:6px 9px}.cycle-card-actions{justify-content:space-between;gap:8px;border-top:1px solid #edf2f0;margin-top:16px;padding-top:14px}.cycle-card-actions .outline-button{font-size:10px}.danger-icon{color:#b54c51!important}.cycle-modal-backdrop{align-items:start;overflow:auto}.cycle-modal{width:min(1120px,100%);margin:10px 0}.cycle-form-top{display:grid;grid-template-columns:minmax(250px,1fr) 2fr;gap:17px;align-items:start}.cycle-title-field,.date-picker-field{display:grid;gap:7px;font-size:10px;color:#687876}.cycle-title-field input{border:1px solid #dfeae7;border-radius:8px;padding:11px;outline:0;color:#30423f;background:#fbfdfc;font-size:11px}.cycle-title-field input:focus{border-color:#62b8a6;box-shadow:0 0 0 3px #62b8a622}.cycle-date-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.date-picker-wrap{position:relative}.date-picker-trigger{width:100%;display:flex;align-items:center;gap:9px;text-align:right;border:1px solid #dfeae7;border-radius:9px;background:#fbfdfc;color:#0f766e;padding:9px 10px}.date-picker-trigger:hover,.date-picker-trigger.is-open{border-color:#62b8a6;background:#f5fcfa}.date-picker-trigger>span{flex:1}.date-picker-trigger strong,.date-picker-trigger small{display:block}.date-picker-trigger strong{font-size:11px;color:#30423f}.date-picker-trigger small{font-size:9px;color:#8c9a97;margin-top:4px;direction:ltr;text-align:right}.date-picker-trigger>svg:last-child{transform:rotate(-90deg);color:#90a09c}.date-picker-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:65;cursor:default}.jalali-calendar{position:absolute;z-index:66;top:calc(100% + 8px);right:0;width:290px;padding:13px;background:#fff;border:1px solid #dfeae7;border-radius:13px;box-shadow:0 18px 45px #143a3326}.calendar-heading{display:flex;align-items:center;justify-content:space-between;color:#30423f;margin-bottom:10px}.calendar-heading strong{font-size:11px}.calendar-heading button{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f2f8f6;color:#52736c}.calendar-heading button:hover{background:#e5f6f0;color:#0f766e}.calendar-heading .next-icon{transform:rotate(180deg)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-weekdays{color:#9ba9a7;font-size:9px;margin-bottom:5px}.calendar-days button,.calendar-days span{min-height:29px;display:grid;place-items:center;border-radius:7px}.calendar-days button{background:transparent;color:#50605d;font-size:10px}.calendar-days button:hover{background:#e7f7f2;color:#0f766e}.calendar-days button.selected{background:#0f766e;color:#fff;font-weight:700}.cycle-date-preview{display:flex;align-items:center;gap:7px;background:#f0faf7;color:#527b72;border-radius:9px;padding:10px 12px;margin-top:16px;font-size:10px}.cycle-date-preview strong{color:#236c60}.cycle-editor-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:15px;margin-top:18px}.cycle-visitors,.cycle-orders{padding:15px;box-shadow:none}.section-heading-inline h4{font-size:12px;color:#30423f;margin:4px 0 0}.cycle-visitor-list{display:grid;gap:7px;max-height:360px;overflow:auto;margin-top:14px;padding-left:2px}.cycle-visitor-option{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e6efec;border-radius:9px;background:#fbfdfc;cursor:pointer}.cycle-visitor-option:hover,.cycle-visitor-option.selected{border-color:#91d4c2;background:#effaf6}.cycle-visitor-option input{accent-color:#0f766e}.cycle-visitor-option>span:last-child{min-width:0}.cycle-visitor-option strong,.cycle-visitor-option small{display:block}.cycle-visitor-option strong{font-size:10px;color:#30423f}.cycle-visitor-option small{font-size:9px;color:#96a39f;margin-top:3px}.product-order-list{display:grid;gap:8px;margin-top:15px}.product-order-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 100px;align-items:center;gap:8px;padding:9px;border:1px solid #e6efec;border-radius:9px;background:#fbfdfc}.product-order-name{display:flex;align-items:center;gap:8px;min-width:0}.product-order-name>span:last-child{min-width:0}.product-order-name strong,.product-order-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-order-name strong{font-size:10px;color:#30423f}.product-order-name small{font-size:8px;color:#96a39f;margin-top:4px}.quantity-input,.unit-select,.order-status-select{border:1px solid #dfeae7;border-radius:7px;padding:8px;background:#fff;color:#30423f;font-size:10px;outline:0}.quantity-input:focus,.unit-select:focus,.order-status-select:focus{border-color:#62b8a6;box-shadow:0 0 0 3px #62b8a622}.order-status-select{min-width:125px}.cycle-order-empty{min-height:260px;display:grid;place-items:center;text-align:center;color:#8c9a97;font-size:10px;padding:30px}.cycle-order-empty svg{color:#63b8a6}.cycle-notes{margin-top:17px}@media(max-width:850px){.cycle-grid,.cycle-form-top,.cycle-editor-grid{grid-template-columns:1fr}.cycle-visitor-list{max-height:240px}}@media(max-width:650px){.cycle-date-grid{grid-template-columns:1fr}.cycle-card-actions{align-items:stretch;flex-direction:column}.cycle-card-actions .outline-button{width:100%}.product-order-row{grid-template-columns:1fr 1fr}.product-order-name{grid-column:1/-1}.product-order-row .quantity-input,.product-order-row .unit-select{width:100%}.jalali-calendar{width:min(290px,calc(100vw - 60px))}}.reports-page{display:grid;gap:18px}.report-header{margin-bottom:0}.report-header-actions{display:flex;gap:8px}.report-filters{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(280px,1fr) minmax(180px,1fr) minmax(180px,1fr);gap:12px;align-items:end;padding:15px}.report-filters label{display:grid;gap:7px;font-size:10px;color:#687876}.report-filters select{width:100%;border:1px solid #dfeae7;border-radius:8px;padding:10px 11px;outline:0;color:#30423f;background:#fbfdfc;font-size:11px}.report-filters select:focus{border-color:#62b8a6;box-shadow:0 0 0 3px #62b8a622}.report-date-badge{display:flex;align-items:center;gap:12px;min-height:39px;border:1px solid #dfeae7;border-radius:9px;background:#f4fbf8;color:#0f766e;padding:8px 11px}.report-date-badge span{font-size:9px;color:#80918d}.report-date-badge strong{display:block;color:#30423f;font-size:10px;margin-top:3px}.report-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-stat-grid .stat-card{min-height:128px}.report-panel{padding:0;overflow:hidden}.report-tabs{display:flex;gap:5px;padding:15px 20px 0;border-bottom:1px solid #edf2f0}.report-tabs button{display:flex;align-items:center;gap:7px;padding:11px 13px;margin-bottom:-1px;background:transparent;border-bottom:2px solid transparent;color:#81908d;font-size:11px}.report-tabs button:hover{color:#0f766e;background:#f5fbf9}.report-tabs button.active{color:#0f766e;border-bottom-color:#0f766e;font-weight:700}.report-table-wrap{padding:20px}.report-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.report-section-heading h3{font-size:15px;margin:0}.report-rounding-note{display:flex;align-items:center;gap:6px;color:#8b7650;background:#fff8ed;border-radius:8px;padding:8px 10px;font-size:9px;white-space:nowrap}.reports-table{min-width:840px}.reports-table td,.reports-table th{vertical-align:middle}.report-final-carton{color:#0f766e}.report-contact{display:block;color:#9aa7a4;font-size:9px;margin-top:4px;direction:ltr;text-align:right}.report-send-button{font-size:9px;padding:7px 9px}.visitor-report-list{display:grid;gap:12px;padding:20px}.visitor-report-card{border:1px solid #e5eeeb;border-radius:13px;padding:15px;background:#fbfdfc}.visitor-report-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.visitor-report-heading .visitor-name>div{display:grid;gap:4px}.visitor-report-heading small{font-size:9px;color:#98a5a2}.visitor-report-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.visitor-report-actions .primary-button,.visitor-report-actions .outline-button{font-size:10px;padding:8px 11px}.visitor-report-summary{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0;margin:13px 0 10px;padding:10px 0}.visitor-report-summary span{font-size:10px;color:#8a9996;padding-left:13px;border-left:1px solid #e2ebe8}.visitor-report-summary span:last-child{border-left:0}.visitor-report-summary strong{color:#30423f;margin-right:5px;font-size:12px}.visitor-report-lines{display:flex;gap:7px;flex-wrap:wrap}.visitor-report-lines span{font-size:9px;color:#5d7770;background:#eef8f5;border-radius:20px;padding:6px 8px}.report-detail-modal{width:min(850px,100%)}.report-sms-preview{margin-top:18px;padding:13px;background:#f7faf9;border:1px solid #e4eeeb;border-radius:10px}.report-sms-preview strong{font-size:11px;color:#4d655f}.report-sms-preview pre{white-space:pre-wrap;direction:rtl;text-align:right;font:10px/2 Tahoma,sans-serif;color:#52635f;margin:9px 0 0}.report-detail-modal .modal-actions{justify-content:space-between}.report-detail-modal .modal-actions button{width:auto}@media print{body{background:#fff}.sidebar,.topbar,.report-header-actions,.report-filters,.report-tabs,.visitor-report-actions,.toast{display:none!important}.main-content{width:100%;margin:0}.page-content{padding:0;max-width:none}.reports-page{display:block}.report-stat-grid{margin:15px 0}.report-panel{box-shadow:none;border:0}.report-table-wrap{padding:0}.report-section-heading{margin-top:15px}.visitor-report-list{padding:0}.visitor-report-card{break-inside:avoid;margin-bottom:10px}.report-detail-modal,.modal-backdrop{display:none!important}}@media(max-width:1050px){.report-filters{grid-template-columns:repeat(2,1fr)}.report-date-badge{grid-column:span 2}.report-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.report-header-actions{width:100%}.report-header-actions button{flex:1}.report-filters{grid-template-columns:1fr}.report-date-badge{grid-column:auto}.report-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.report-tabs{overflow:auto;padding:10px 12px 0}.report-tabs button{white-space:nowrap;font-size:10px;padding:10px 9px}.report-table-wrap{padding:15px}.report-section-heading{display:grid}.report-rounding-note{white-space:normal}.visitor-report-list{padding:15px}.visitor-report-heading{align-items:flex-start;flex-direction:column}.visitor-report-actions{width:100%}.visitor-report-actions button{flex:1}.visitor-report-summary{gap:5px}.visitor-report-summary span{padding-left:7px;font-size:9px}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#dff6ef 0,transparent 32%),radial-gradient(circle at 85% 80%,#e8f1fb 0,transparent 30%),#f4f7f6;direction:rtl}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e1ebe8;border-radius:22px;padding:28px;box-shadow:0 25px 70px #173e3520}.auth-card.compact{width:min(360px,100%)}.auth-brand{display:flex;align-items:center;gap:11px;padding-bottom:19px;margin-bottom:24px;border-bottom:1px solid #edf2f0}.auth-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#0f766e;background:#dff7f0}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:15px}.auth-brand small{font-size:10px;color:#899793;margin-top:3px}.auth-heading{text-align:center;margin-bottom:23px}.auth-heading-icon{width:51px;height:51px;display:grid;place-items:center;margin:0 auto 13px;border-radius:16px;background:#e6f7f1;color:#0f766e}.auth-heading-icon.warning{background:#fff3e4;color:#b57838}.auth-heading h1{font-size:21px;margin:0 0 8px}.auth-heading p{font-size:11px;line-height:2;color:#82918e;margin:0}.auth-form{display:grid;gap:14px}.auth-form>label{display:grid;gap:7px;font-size:10px;color:#60736e}.auth-form input,.auth-form select{width:100%;border:1px solid #dce8e5;border-radius:10px;padding:11px 12px;outline:0;background:#fbfdfc;color:#243d38;font-size:12px}.auth-form input:focus,.auth-form select:focus{border-color:#5bb7a3;box-shadow:0 0 0 3px #5bb7a31d}.password-field{position:relative}.password-field input{padding-left:42px}.password-field button{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:31px;height:31px;display:grid;place-items:center;background:transparent;color:#80918d;border-radius:8px}.password-field button:hover{background:#edf7f4;color:#0f766e}.auth-submit{width:100%;margin-top:3px;padding:12px}.auth-error{display:flex;align-items:flex-start;gap:8px;color:#a34048;background:#fff0f1;border:1px solid #f3d8da;border-radius:9px;padding:10px 11px;font-size:10px;line-height:1.8}.auth-error svg{flex:none;margin-top:1px}.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#71847f;background:#f4faf8;border-radius:9px;padding:10px;margin-top:18px;font-size:9px}.password-rules{font-size:9px;color:#7e8e8a;background:#f5f8f7;border-radius:8px;padding:9px 10px}.auth-text-button{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#71817e;font-size:10px;padding:8px}.auth-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#57736d;font-size:11px;padding:30px 5px}.spin{animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-recovery-button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #92cfc0;background:#eef9f6;color:#0f766e;border-radius:10px;padding:11px;font-size:11px;font-weight:700}.auth-recovery-button:hover{background:#dff5ee;border-color:#55b29e}.auth-recovery-modal{width:min(520px,100%);direction:rtl}.auth-recovery-backdrop{z-index:90}.recovery-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-methods button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfeae7;background:#f8fbfa;color:#687c77;border-radius:10px;padding:11px 8px;font-size:10px}.recovery-methods button.selected{border-color:#62b8a6;background:#e8f8f3;color:#0f766e;font-weight:700}.recovery-send-sms{width:100%;justify-content:center}.auth-success{display:flex;align-items:flex-start;gap:8px;color:#16715f;background:#eaf8f3;border:1px solid #cdece2;border-radius:9px;padding:10px 11px;font-size:10px;line-height:1.8}.recovery-complete{text-align:center;display:grid;justify-items:center;gap:11px;color:#16715f;padding:15px 0 5px}.recovery-complete strong{font-size:16px;color:#2b4841}.recovery-complete p{font-size:10px;color:#71847f;margin:0;line-height:1.9}.user-card-button{width:100%;border:0;text-align:right}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:8px;background:transparent;color:#8a5c60;border-radius:9px;font-size:10px}.sidebar-logout:hover{background:#fff1f1;color:#a33d46}.account-panel{max-width:850px}.account-summary{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:21px;border-bottom:1px solid #edf2f0}.account-summary>div{flex:1}.account-summary strong,.account-summary span{display:block}.account-summary strong{font-size:14px}.account-summary>div span{font-size:10px;color:#82918e;margin-top:4px}.account-avatar{width:48px;height:48px;display:grid!important;place-items:center;border-radius:14px;background:#dff7f0;color:#0f766e;font-size:16px;font-weight:800}.account-form .password-field input{font-size:11px}.users-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:17px;align-items:start}.user-create-panel{position:sticky;top:15px}.users-table-panel{min-width:0}.role-select{border:1px solid #dfeae7;border-radius:8px;background:#fbfdfc;color:#455b55;padding:7px;font-size:10px}.temporary-badge{display:block;color:#ac7132;font-size:8px;margin-top:5px}.compact-button{padding:7px 9px;font-size:9px}.credential-modal{width:min(500px,100%)}.credential-box{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;background:#f5faf8;border:1px solid #dfebe7;border-radius:11px;padding:15px}.credential-box span{font-size:10px;color:#7d8e89}.credential-box strong{font-size:13px;-webkit-user-select:all;user-select:all}.ghost-button{display:inline-flex;align-items:center;gap:6px}@media(max-width:950px){.users-layout{grid-template-columns:1fr}.user-create-panel{position:static}}@media(max-width:650px){.auth-page{padding:12px}.auth-card{padding:21px;border-radius:17px}.users-table-panel{padding:12px}.account-summary{align-items:flex-start}.credential-box{grid-template-columns:1fr}.credential-box strong{margin-bottom:7px}}.report-export-actions{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:wrap;min-width:170px}.report-export-btn{border:1px solid #dce9e5;border-radius:6px;background:#fff;padding:6px 7px;color:#55716b;font-size:9px;font-weight:700;transition:.2s}.report-export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #173e3512}.report-export-btn.image{color:#2b8b78;background:#effaf6;border-color:#bfe4d8}.report-export-btn.pdf{color:#bd665f;background:#fff4f2;border-color:#f1d3cf}.report-export-btn.excel{color:#3e7e58;background:#f0f8f1;border-color:#c9e2cc}.report-export-btn.sms{color:#7c62a9;background:#f7f1ff;border-color:#dfd1f5}.report-export-btn:disabled{opacity:.5;cursor:wait}.report-filters .report-date-badge{justify-content:space-between}.report-table-wrap .reports-table{min-width:980px}.report-table-wrap .reports-table th{white-space:nowrap}.report-section-heading h3,.report-rounding-note{line-height:1.7}.report-stat-grid .stat-copy>span{font-weight:600;color:#71817e}.report-stat-grid .stat-copy>small{line-height:1.7}.report-final-carton{font-size:12px}.report-contact{direction:ltr;text-align:right}.reports-table td:first-child{font-weight:600}.rubika-report-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#f2d9bd;background:linear-gradient(135deg,#fffaf4,#fff)}.rubika-report-info{display:flex;align-items:center;gap:12px;min-width:0}.rubika-report-info>div{min-width:0;flex:1}.rubika-report-info strong,.rubika-report-info>div>span{display:block}.rubika-report-info strong{font-size:12px;color:#5a4631}.rubika-report-info>div>span{font-size:9px;color:#8b7968;margin-top:5px;line-height:1.8}.rubika-report-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:#fff0df;color:#d97825}.rubika-report-actions{display:flex;align-items:center;gap:8px;flex:none}.rubika-batch-button{background:#df7725;box-shadow:0 7px 18px #df772529}.rubika-batch-button:hover{background:#c96519}.rubika-single-button{border-color:#edcba8;color:#a65b20}@media(max-width:900px){.rubika-report-panel{align-items:stretch;flex-direction:column}.rubika-report-actions{justify-content:flex-end}}@media(max-width:650px){.rubika-report-info{align-items:flex-start}.rubika-report-info>.status-chip{display:none}.rubika-report-actions{display:grid;grid-template-columns:1fr}.rubika-report-actions button{width:100%}}.dashboard-hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.hero-panel{display:flex;flex-direction:column}.hero-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;flex:1}.hero-tile{position:relative;display:flex;flex-direction:column;gap:5px;background:linear-gradient(160deg,#fbfefc,#f3f9f7);border:1px solid #e3eeea;border-radius:14px;padding:15px 14px;overflow:hidden;transition:.2s}.hero-tile:hover{transform:translateY(-2px);box-shadow:0 10px 26px #173e3514;border-color:#cfe7e0}.hero-tile>span{font-size:10px;color:#879794}.hero-tile>strong{font-size:21px;color:#263c37;letter-spacing:-.3px}.hero-tile>small{font-size:9px;color:#9aaba8}.hero-tile-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;margin-bottom:4px}.hero-tile-icon.teal{color:#0f8b7d;background:#dff7f0}.hero-tile-icon.blue{color:#4487c3;background:#e9f3fd}.hero-tile-icon.purple{color:#8870bd;background:#f0ebfd}.hero-tile-icon.orange{color:#cc8846;background:#fff1e2}.hero-tile-icon.rose{color:#c05f81;background:#fdeef4}.hero-progress{margin-top:auto}.hero-progress .progress{width:100%;margin-top:7px}.hero-progress small{font-size:9px;color:#9aaba8}.podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:17px}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border-radius:15px;padding:17px 10px 13px;border:1px solid #ecf2ef;transition:.2s}.podium-card:hover{transform:translateY(-2px)}.podium-card.rank-1{background:linear-gradient(170deg,#fff8e3,#fdf1d2);border-color:#f0dfae;box-shadow:0 9px 24px #c99a2e1f}.podium-card.rank-2{background:linear-gradient(170deg,#f5f8fa,#e9eff4);border-color:#dfe7ee;box-shadow:0 9px 24px #7d93a81a}.podium-card.rank-3{background:linear-gradient(170deg,#fbf2ec,#f4e4d8);border-color:#ecd9c8;box-shadow:0 9px 24px #a2653a1a}.rank-medal{position:absolute;top:9px;left:9px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.rank-medal.rank-1{background:linear-gradient(140deg,#f2c14e,#d99a1f);box-shadow:0 3px 9px #d99a1f4d}.rank-medal.rank-2{background:linear-gradient(140deg,#b9c6d2,#8fa3b5);box-shadow:0 3px 9px #8fa3b54d}.rank-medal.rank-3{background:linear-gradient(140deg,#d8a171,#b3703c);box-shadow:0 3px 9px #b3703c4d}.podium-avatar{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#fff;color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.podium-card strong{font-size:11px;color:#334441;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-card>b{font-size:17px;color:#0f766e}.podium-card>small{font-size:9px;color:#9aaba8}.hero-panel .ranking-row{margin-top:9px}.top-product-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}.top-product-tile{position:relative;display:flex;flex-direction:column;gap:4px;border-radius:15px;padding:15px 13px;color:#fff;overflow:hidden;transition:.2s}.top-product-tile:hover{transform:translateY(-2px);filter:brightness(1.05)}.top-product-tile.teal{background:linear-gradient(155deg,#18a08c,#0c6e63);box-shadow:0 10px 24px #0c6e6329}.top-product-tile.blue{background:linear-gradient(155deg,#4f93cf,#2f6ba6);box-shadow:0 10px 24px #2f6ba629}.top-product-tile.purple{background:linear-gradient(155deg,#9278c6,#6a4fa0);box-shadow:0 10px 24px #6a4fa029}.top-product-tile.orange{background:linear-gradient(155deg,#dd9a52,#c06f22);box-shadow:0 10px 24px #c06f2229}.top-product-tile.rose{background:linear-gradient(155deg,#d3708f,#ab4a6c);box-shadow:0 10px 24px #ab4a6c29}.top-product-icon{width:34px;height:34px;border-radius:10px;background:#ffffff2b;display:grid;place-items:center;margin-bottom:3px}.top-product-rank{position:absolute;top:12px;left:12px;font-size:8px;background:#ffffff2b;border-radius:20px;padding:4px 8px}.top-product-tile>strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-product-tile>b{font-size:18px}.top-product-tile>b small{font-size:9px;font-weight:400;opacity:.85}.top-product-tile>small{font-size:8px;opacity:.85}@media(max-width:1000px){.dashboard-hero-grid{grid-template-columns:1fr}.hero-tile-grid,.top-product-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero-tile-grid{grid-template-columns:1fr 1fr;gap:9px}.hero-tile>strong{font-size:17px}.top-product-tiles{grid-template-columns:1fr 1fr;gap:9px}.podium-grid{grid-template-columns:1fr;gap:9px}}