*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,sans-serif;background:#f9fafb;color:#111827}.SG{font-family:Space Grotesk,sans-serif}.sb{width:234px;background:#0f172a;display:flex;flex-direction:column;flex-shrink:0}.sb-top{padding:18px 14px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.sb-mark{width:34px;height:34px;background:#f97316;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto}.ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:500;color:#64748b;margin-bottom:2px;transition:all .12s;border:1px solid transparent}.ni:hover{background:#1e293b;color:#94a3b8}.ni.a{background:#f9731621;color:#fb923c;border-color:#f9731633}.sb-bot{padding:10px 8px;border-top:1px solid rgba(255,255,255,.06)}.sb-user{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;background:#1e293b}.tb{height:56px;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0}.card{background:#fff;border-radius:14px;border:1px solid #E5E7EB;padding:20px}.geo-card{background:#fff;border-radius:14px;border:1px solid #E5E7EB;padding:18px;transition:border-color .15s}.geo-card:hover{border-color:#fed7aa}.kpi{background:#fff;border-radius:14px;border:1px solid #E5E7EB;padding:18px 20px}.kv{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:#111827;margin:6px 0 2px}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .12s;padding:8px 14px;font-family:Inter,sans-serif;white-space:nowrap}.bo{background:#f97316;color:#fff}.bo:hover{background:#ea580c}.bo:disabled{opacity:.45;cursor:not-allowed}.bg2{background:#f3f4f6;color:#374151;border:1px solid #E5E7EB}.bg2:hover{background:#e5e7eb}.bd{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.bd:hover{background:#fee2e2}.bgh{background:transparent;color:#6b7280;border:1px solid #E5E7EB}.bgh:hover{color:#374151;border-color:#d1d5db}.bsm{padding:6px 11px;font-size:12.5px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.bv{background:#dcfce7;color:#15803d}.br{background:#fee2e2;color:#dc2626}.ba{background:#fef3c7;color:#b45309}.bgr{background:#f3f4f6;color:#6b7280}.bor{background:#ffedd5;color:#c2410c}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #F3F4F6}.tbl td{padding:11px 14px;border-bottom:1px solid #F9FAFB;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:#fffbf7}.lbl{display:block;font-size:12.5px;font-weight:600;color:#374151;margin-bottom:5px}.inp{width:100%;padding:9px 12px;border:1.5px solid #E5E7EB;border-radius:9px;font-size:13.5px;color:#111827;outline:none;font-family:Inter,sans-serif;transition:border-color .12s;background:#fff}.inp:focus{border-color:#f97316}.tgl{width:42px;height:23px;border-radius:999px;border:none;cursor:pointer;position:relative;transition:background .15s;flex-shrink:0}.tgl-dot{position:absolute;width:17px;height:17px;background:#fff;border-radius:999px;top:3px;transition:left .15s;box-shadow:0 1px 3px #0003}.av{width:32px;height:32px;border-radius:9px;background:#f97316;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.sec{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:#ffedd5;color:#9a3412;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.05em}.login-root{min-height:100vh;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:22px;padding:36px;width:100%;max-width:400px;border:1px solid #E5E7EB;box-shadow:0 4px 24px #0000000f}.ua-root{min-height:100vh;background:linear-gradient(145deg,#fff7ed,#f9fafb);display:flex;align-items:center;justify-content:center;gap:32px;padding:24px;flex-wrap:wrap}.phone{width:305px;background:#fff;border-radius:38px;border:1.5px solid #E5E7EB;box-shadow:0 20px 50px #f9731614}.phone-hd{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #F3F4F6;border-radius:38px 38px 0 0}.phone-tabs{display:flex;border-bottom:1px solid #F3F4F6}.ptab{flex:1;text-align:center;padding:10px 8px;font-size:12px;font-weight:600;cursor:pointer;color:#9ca3af;border-bottom:2.5px solid transparent;transition:all .12s}.ptab.a{color:#f97316;border-bottom-color:#f97316}.phone-body{padding:18px 16px;min-height:380px}.toast{position:fixed;bottom:24px;right:24px;background:#1f2937;color:#fff;padding:12px 18px;border-radius:12px;font-size:13.5px;font-weight:500;z-index:300;box-shadow:0 10px 30px #0003;max-width:340px;border-left:4px solid #F97316}@keyframes gp{0%{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}.gp{animation:gp 2s ease-out infinite}@keyframes sm{0%,to{top:15%}50%{top:82%}}.sbar{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#F97316,transparent);animation:sm 1.7s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-dot{width:10px;height:10px;border-radius:50%;background:#f97316;animation:bounce .6s ease-in-out infinite}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-menu-btn{display:none;background:transparent;border:1px solid rgba(0,0,0,.12);padding:7px 10px;border-radius:8px;cursor:pointer;color:#111827;align-items:center;justify-content:center;transition:background .15s}.mobile-menu-btn:hover{background:#0000000d}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:85}.sidebar-overlay.active{display:block}.close-sidebar-btn{display:none;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px}.close-sidebar-btn:hover{color:#fff;background:#ffffff1a}@media (max-width: 1024px){.sb{position:fixed!important;top:0;bottom:0;left:0;z-index:90;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 25px #0000004d}.sb.open{transform:translate(0)}.mobile-menu-btn,.close-sidebar-btn{display:inline-flex}.tb{padding:0 16px;height:60px}}@media (max-width: 640px){.tb{flex-wrap:wrap;height:auto;padding:12px 14px;gap:10px}.tb-controls{width:100%;justify-content:space-between}.tbl th,.tbl td{padding:9px 11px;white-space:nowrap}.toast{left:14px;right:14px;bottom:14px;max-width:none}}