:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;width:100%;height:100%;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width:480px){.login-card{border-radius:14px;padding:22px}.login-title{font-size:20px}button{padding:14px;font-size:16px}}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}.dashboard-page{z-index:1;color:#e2e8f0;background-color:#060d1b;background-image:radial-gradient(80% 60% at 50% -10%,#3b82f62e 0%,#0000 60%),radial-gradient(50% 40% at 90% 80%,#6366f11a 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:fixed;inset:0;overflow:auto}.dashboard-layout{min-height:100dvh;display:flex}.dashboard-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:1;background:#ffffff14;border-right:1px solid #ffffff14;width:220px;padding:24px 16px}.nav-logo{letter-spacing:.08em;text-transform:uppercase;color:#94a3b88c;margin-bottom:4px;padding:0 10px;font-size:20px;font-weight:600}.dashboard-nav nav{flex-direction:column;gap:6px;display:flex}.dashboard-nav a{cursor:pointer;opacity:.7;border-radius:10px;padding:10px 14px;transition:background .2s,opacity .2s}.dashboard-nav a:hover,.dashboard-nav a.active{opacity:1;background:#ffffff14}.nav-item.active{color:#93c5fd;background:#3b82f626;font-weight:600}.nav-item.active svg{opacity:1;color:#60a5fa}.nav-badge{color:#93c5fd;background:#3b82f640;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:flex}.dashboard-main{flex:1;min-width:0;padding:28px 28px 40px;overflow:auto}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.dashboard-title{letter-spacing:-.4px;color:#f1f5f9;margin:0;font-size:22px;font-weight:700}.page-subtitle{color:#94a3b8b3;margin-top:3px;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.btn-refresh{color:#94a3b8e6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.btn-refresh:hover{color:#f1f5f9;background:#ffffff17;border-color:#ffffff29}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:18px 20px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.stat-card:hover{background:#ffffff0f;border-color:#ffffff1f}.stat-card-glow{opacity:.12;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-card-glow.blue{background:#3b82f6}.stat-card-glow.green{background:#10b981}.stat-card-glow.violet{background:#8b5cf6}.stat-card-glow.amber{background:#f59e0b}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:14px;display:flex}.stat-icon.blue{color:#60a5fa;background:#3b82f626}.stat-icon.green{color:#34d399;background:#10b98126}.stat-icon.violet{color:#a78bfa;background:#8b5cf626}.stat-icon.amber{color:#fbbf24;background:#f59e0b26}.stat-label{color:#94a3b8bf;letter-spacing:.01em;font-size:12px;font-weight:500}.stat-value{letter-spacing:-.5px;color:#f1f5f9;margin-top:4px;font-size:30px;font-weight:700;line-height:1.1;display:block}.stat-value.loading{color:#94a3b866}.stat-change{border-radius:999px;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.stat-change.up{color:#34d399;background:#10b9811f}.stat-change.neutral{color:#94a3b8b3;background:#94a3b81a}.charts-section{flex-direction:column;gap:16px;display:flex}.chart-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-section-title{color:#f1f5f9;font-size:15px;font-weight:600}.chart-month-nav{align-items:center;gap:6px;display:flex}.chart-month-title{text-transform:capitalize;color:#cbd5e1;text-align:center;min-width:148px;font-size:13px;font-weight:600}.chart-nav-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:flex}.chart-nav-btn:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a}.chart-nav-btn:disabled{opacity:.35;cursor:not-allowed}.chart-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.chart-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:20px;overflow:hidden}.chart-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.chart-title{color:#cbd5e1;font-size:13px;font-weight:600}.chart-total-badge{border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:600}.chart-total-badge.users{color:#5bb8ff;background:#5bb8ff1f}.chart-total-badge.ads{color:#34d399;background:#34d3991f}.chart-scroll-wrap{scrollbar-width:thin;scrollbar-color:#94a3b833 transparent;width:100%;padding-bottom:4px;overflow:auto visible}.chart-scroll-wrap::-webkit-scrollbar{height:4px}.chart-scroll-wrap::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.chart-inner{min-width:480px;position:relative}.chart-svg{background:linear-gradient(#94a3b80a,#0f172a0f);border-radius:10px;width:100%;height:200px;display:block;overflow:visible}.chart-grid-line{stroke:#94a3b82e;stroke-width:1px;stroke-dasharray:4 4}.chart-grid-line-solid{stroke:#94a3b83d;stroke-width:1px}.chart-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-area{stroke:none}.chart-area.users{fill:url(#gradUsers)}.chart-area.ads{fill:url(#gradAds)}.chart-line.users{stroke:#5bb8ff}.chart-line.ads{stroke:#34d399}.chart-dot{cursor:pointer;transition:r .1s}.chart-dot.users{fill:#0f172a;stroke:#5bb8ff;stroke-width:2px}.chart-dot.ads{fill:#0f172a;stroke:#34d399;stroke-width:2px}.chart-dot:hover,.chart-dot.hovered{r:5}.chart-x-labels{color:#94a3b88c;letter-spacing:.02em;justify-content:space-between;min-width:480px;margin-top:6px;padding:0 2px;font-size:10px;display:flex}.chart-y-label{fill:#94a3b873;font-size:9px}.chart-tooltip{color:#e2e8f0;pointer-events:none;white-space:nowrap;z-index:9999;background:#0a1224f7;border:1px solid #94a3b838;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:500;line-height:1.4;position:fixed;transform:translate(-50%,-110%);box-shadow:0 8px 24px #00000080}.chart-tooltip-value{font-size:14px;font-weight:700}.chart-empty{color:#94a3b873;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;font-size:13px;display:flex}.admin-status{border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.admin-status.success{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.admin-status.error{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.dashboard-account{background:#ffffff05;border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:20px;width:260px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.account-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:14px;padding:20px 16px;display:flex}.account-info{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 16px #3b82f64d}.account-name{color:#f1f5f9;font-size:15px;font-weight:600}.account-role{letter-spacing:.04em;color:#94a3b899;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.account-divider{background:#ffffff12;height:1px;margin:0 -4px}.account-icon-btn{cursor:pointer;color:#94a3b8e6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.account-icon-btn:hover{color:#f1f5f9;background:#ffffff17;border-color:#ffffff29}.admin-icon-btn{color:#93c5fd;background:#3b82f61a;border-color:#3b82f633}.admin-icon-btn:hover{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f659}.logout-icon-btn{color:#fca5a5cc;background:#ef444412;border-color:#ef444426}.logout-icon-btn:hover{color:#fca5a5;background:#ef444421;border-color:#ef444447}.account-stats{flex-direction:column;gap:8px;display:flex}.account-stat-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.account-stat-row:last-child{border-bottom:none}.account-stat-label{color:#94a3b899}.account-stat-value{color:#cbd5e1;font-weight:600}.admin-panel{flex-direction:column;gap:24px;display:flex}.admin-section{gap:16px;display:grid}.admin-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-title{color:#f1f5f9;margin:0;font-size:18px;font-weight:700}.admin-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.admin-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;max-width:520px;padding:22px}.admin-card-list{max-width:none}.admin-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-card-title{color:#e2e8f0;margin-bottom:16px;font-size:15px;font-weight:600}.admin-form{gap:12px;display:grid}.admin-field{color:#94a3b8e6;gap:6px;font-size:13px;display:grid}.admin-field input,.admin-field textarea,.admin-field select{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}.admin-field textarea{resize:vertical;min-height:90px}.admin-field select{background:#060d1bcc}.admin-field input::placeholder,.admin-field textarea::placeholder{color:#94a3b866}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{background:#3b82f60d;border-color:#3b82f680}.admin-hint{color:#94a3b880;font-size:11px}.admin-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:opacity .15s,box-shadow .15s;box-shadow:0 4px 14px #3b82f640}.admin-submit:disabled{cursor:not-allowed;opacity:.55}.admin-submit:hover:not(:disabled){opacity:.9;box-shadow:0 4px 20px #3b82f666}.admin-refresh{color:#94a3b8cc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;padding:7px 12px;font-size:12px;transition:background .15s}.admin-refresh:hover{color:#f1f5f9;background:#ffffff1a}.admin-list{gap:10px;display:grid}.admin-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.admin-row:hover{background:#ffffff0e}.admin-row-info{gap:3px;display:grid}.admin-row-name{color:#e2e8f0;font-size:14px;font-weight:600}.admin-row-login{color:#94a3b899;font-size:12px}.admin-row-actions{align-items:center;gap:8px;display:flex}.admin-row-actions select{color:#e2e8f0;background:#060d1bcc;border:1px solid #ffffff1f;border-radius:9px;padding:7px 10px;font-size:12px}.admin-row-self{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f659;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.admin-delete{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:9px;padding:7px 10px;font-size:12px;transition:background .15s}.admin-delete:hover{background:#ef444433}.admin-empty{color:#94a3b880;text-align:center;border:1px dashed #ffffff1f;border-radius:12px;padding:14px;font-size:13px}.items-list{flex-direction:column;gap:10px;display:flex}.item-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.item-card:hover{background:#ffffff12;border-color:#ffffff1f}.item-left{align-items:center;gap:12px;display:flex}.item-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.item-name{color:#e2e8f0;font-size:14px;font-weight:600}.item-email{color:#94a3b8a6;margin-top:1px;font-size:12px}.item-status{text-transform:capitalize;letter-spacing:.02em;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:600}.item-status.active{color:#34d399;background:#10b98126}.item-status.banned{color:#f87171;background:#ef444426}.item-status.unread{color:#60a5fa;background:#3b82f626}.search-input{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;margin-bottom:14px;padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}.search-input::placeholder{color:#94a3b873}.search-input:focus{background:#3b82f60d;border-color:#3b82f673}.users-list .user-item-card{background:#ffffff0a;border-color:#3b82f61a}.users-scroll{scrollbar-width:thin;scrollbar-color:#94a3b826 transparent;max-height:calc(100dvh - 220px);padding-right:2px;overflow-y:auto}.users-list .user-item-card:hover{background:#3b82f614;border-color:#3b82f638}.user-item-left{align-items:flex-start}.user-item-avatar{border-radius:12px;min-width:44px}.user-item-main{text-align:left;gap:4px;min-width:280px;display:grid}.user-item-meta-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.user-item-phone{text-align:left;color:#94a3b899;font-size:12px}.user-item-created{text-align:right;white-space:nowrap;color:#94a3b880;font-size:12px}.user-item-right{justify-content:flex-end;min-width:108px;display:flex}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;display:inline-block}.icon-logout{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><polyline points='16 17 21 12 16 7'/><line x1='21' y1='12' x2='9' y2='12'/></svg>")}.icon-admin{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7'/><rect x='14' y='3' width='7' height='7'/><rect x='14' y='14' width='7' height='7'/><rect x='3' y='14' width='7' height='7'/></svg>")}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/800px 100%;border-radius:8px;animation:1.6s infinite shimmer}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.mobile-nav-bar,.mobile-topbar{display:none}@media (max-width:900px){.dashboard-layout{height:100dvh;flex-direction:column;height:100dvh;overflow:hidden}.dashboard-nav,.dashboard-account{display:none}.mobile-topbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#ffffff0a;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex;position:sticky;top:0}.mobile-topbar-logo{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8b3;font-size:16px;font-weight:700}.mobile-topbar-right{align-items:center;gap:8px;display:flex}.mobile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f659}.mobile-topbar-btn{color:#94a3b8d9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.mobile-topbar-btn:hover{background:#ffffff1a}.mobile-topbar-btn.logout{color:#fca5a5;background:#ef444414;border-color:#ef44442e}.mobile-topbar-btn.logout:hover{background:#ef444426}.mobile-topbar-btn.admin-btn{color:#93c5fd;background:#3b82f61a;border-color:#3b82f638}.dashboard-nav{border-bottom:1px solid #ffffff12;border-right:none;flex-direction:row;align-items:center;gap:0;width:100%;height:auto;padding:10px 12px 8px;position:static}.nav-logo{flex-shrink:0;gap:8px;margin-right:16px;padding:0;font-size:15px}.nav-logo-icon{border-radius:8px;width:28px;height:28px}.nav-section-label{display:none}.dashboard-nav nav{flex-flow:row;gap:4px;padding-bottom:0;overflow-x:auto}.nav-item{white-space:nowrap;padding:7px 10px;font-size:12px}.nav-badge{min-width:17px;height:17px;font-size:10px}.dashboard-main{-webkit-overflow-scrolling:touch;flex:1;padding:14px 14px 80px;overflow-y:auto}.dashboard-account{border-top:1px solid #ffffff12;border-left:none;width:100%;height:auto;padding:10px 12px;position:static}.account-card{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.account-info{text-align:left;flex-direction:row;flex:1;align-items:center;gap:10px;min-width:0}.account-avatar{flex-shrink:0;width:36px;height:36px;margin-bottom:0;font-size:14px}.account-name{font-size:13px}.account-role{font-size:10px}.account-divider{display:none}.account-btn-group{align-items:center;gap:8px;display:flex}.account-icon-btn{width:auto;padding:7px 10px;font-size:12px}.account-stats,.btn-text-mobile{display:none}.admin-grid,.chart-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:24px}.users-scroll{max-height:calc(100dvh - 250px)}.mobile-nav-bar{-webkit-backdrop-filter:blur(16px);scrollbar-width:none;z-index:50;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);background:#060d1bf5;border-top:1px solid #ffffff14;flex-shrink:0;align-items:stretch;display:flex;position:sticky;bottom:0;overflow-x:auto}.mobile-nav-bar::-webkit-scrollbar{display:none}.mobile-nav-item{cursor:pointer;color:#94a3b880;letter-spacing:.01em;white-space:nowrap;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:56px;padding:6px 4px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.mobile-nav-item svg{flex-shrink:0;width:20px;height:20px}.mobile-nav-item.active{color:#60a5fa}.mobile-nav-item.active:before{content:"";background:#3b82f6;border-radius:0 0 2px 2px;width:32px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav-badge{color:#fff;background:#3b82f6e6;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:5px;right:calc(50% - 16px)}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px 16px}.stat-value{font-size:22px}.admin-card{padding:14px}.admin-card-head,.admin-section-head,.admin-row{flex-direction:column;align-items:flex-start}.admin-row-actions{justify-content:space-between;width:100%}.admin-row-actions select,.admin-delete{flex:1}.user-item-right{justify-content:flex-start;min-width:0}.user-item-main{width:100%;min-width:0}.user-item-meta-row{flex-direction:column;align-items:flex-start;gap:2px}.user-item-created{text-align:left;white-space:normal}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.btn-refresh{flex:1;justify-content:center}}*{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.login-page{background:radial-gradient(circle at top,#1f2937,#020617);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:16px;display:flex;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 60px #0009}.login-title{text-align:center;margin-bottom:6px;font-size:24px;font-weight:600}.login-subtitle{opacity:.7;text-align:center;margin-bottom:24px;font-size:14px}form{flex-direction:column;gap:16px;display:flex}label{opacity:.85;text-align:left;flex-direction:column;gap:6px;font-size:13px;display:flex}input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 14px;font-size:14px}input::placeholder{color:#fff6}input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;margin-top:8px;padding:12px;font-size:15px;font-weight:500}button:hover{box-shadow:0 8px 24px #3b82f666}.login-footer{opacity:.5;text-align:center;margin-top:24px;font-size:12px}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.ad-fullpage-container{color:#fff;min-height:100vh;padding:20px}.back-btn{color:#aaa;cursor:pointer;background:0 0;border:none;margin-bottom:15px}.ad-layout{grid-template-columns:minmax(520px,1.6fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.ad-layout>*{min-width:0}.ad-empty-image{text-align:center;color:#8a8a8a;background:#1b1b1b;border-radius:10px;padding:20px}.ad-images-block{background:#1b1b1b;border-radius:10px;padding:10px}.main-image{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.image-thumbs{gap:8px;margin-top:10px;display:flex}.thumb{object-fit:cover;cursor:pointer;opacity:.5;border-radius:6px;width:60px;height:60px}.ad-info-block{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.info-card{background:#141414;border-top:1px solid #2a2a2a;border-radius:8px;padding:10px 12px}.info-title{color:#8a8a8a;margin-bottom:4px;font-size:11px}.info-value{color:#fff;font-size:14px;line-height:1.4}.info-card:hover{border-color:#3a3a3a}.status.pending{color:#fc0}.status.approved{color:#00ff7f}.status.rejected{color:#ff5a5f}.ad-actions-fixed{background:#141414;border-top:1px solid #2a2a2a;gap:10px;margin-top:20px;padding:15px;display:flex;position:sticky;bottom:0}.reject-btn,.approve-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:16px}.reject-btn{background:#ff5a5f}.approve-btn{color:#000;background:#00ff7f}.ads-page{flex-direction:column;flex:1;gap:10px;height:calc(100dvh - 64px);min-height:0;display:flex}.ads-page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ads-page-title{margin-bottom:0}.ads-page-counter{color:#e2e8f0bd;background:#0f172a2e;border:1px solid #94a3b81f;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:600}.ads-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.ads-scroll::-webkit-scrollbar{width:8px}.ads-scroll::-webkit-scrollbar-thumb{background:#6d8cb06b;border-radius:999px}.ads-scroll::-webkit-scrollbar-track{background:0 0}.ads-list-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:10px;display:grid}.ad-card{cursor:pointer;color:#fff;background:#0f172a57;border:1px solid #94a3b81a;border-radius:14px;flex-direction:column;gap:0;min-width:0;display:flex;overflow:hidden;box-shadow:0 6px 16px #02081714}.ad-card:hover{background:#0f172a6b;border-color:#94a3b82e}.ad-card:focus-visible{outline-offset:2px;outline:2px solid #5fa8ff}.ad-card-media{aspect-ratio:16/10;background:#1e293b;width:100%;position:relative;overflow:hidden}.ad-card-media:after{content:"";pointer-events:none;background:linear-gradient(#080c1200 0%,#080c1238 100%);height:44%;position:absolute;inset:auto 0 0}.ad-card-image{object-fit:cover;width:100%;height:100%;display:block}.ad-card-image-empty{color:#9fb0c6;letter-spacing:.03em;justify-content:center;align-items:center;font-size:14px;display:flex}.ad-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:12px;display:flex}.ad-card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.ad-card-description{color:#e2e8f0a3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.ad-status-badge{z-index:1;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:8px;left:8px}.ad-status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.ad-status-badge.pending{color:#ffd166;background:#4d3b0e57;border-color:#ffd1662e}.ad-status-badge.approved{color:#47d58c;background:#133e2b57;border-color:#47d58c2e}.ad-status-badge.rejected{color:#ff7f88;background:#52151b57;border-color:#ff7f882e}.ad-status-badge.neutral{color:#9bb0ca;background:#212b376b;border-color:#9bb0ca29}.ad-card-price{letter-spacing:-.03em;color:#f3f7ff;flex-shrink:0;margin:0;font-size:18px;font-weight:700;line-height:1}.ad-card-chip{color:#e2e8f0e0;white-space:nowrap;text-overflow:ellipsis;background:#0f172a47;border:1px solid #94a3b824;border-radius:999px;align-items:center;max-width:calc(100% - 120px);padding:5px 8px;font-size:10px;display:inline-flex;overflow:hidden}.ad-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.ad-card-address{color:#bfccdcb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.ad-card-meta-compact{color:#94a3b8b8;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1.3;display:flex}.ad-card-meta-inline{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ad-card-meta-dot{background:#94a3b88f;border-radius:50%;flex-shrink:0;width:3px;height:3px}.ad-card-footer{border-top:1px solid #94a3b814;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.ad-card-date{color:#94a3b8b8;font-size:11px;line-height:1.35}.ad-card-open-value{color:#e2e8f0e0;font-size:11px;font-weight:600}@media (max-width:900px){.ad-layout{grid-template-columns:1fr}.ad-actions-fixed{flex-direction:column}.ads-page{height:auto}.ads-page-head{flex-direction:column;align-items:flex-start}.ads-scroll{padding-right:0}.ad-card{border-radius:12px}}@media (max-width:640px){.ads-page{gap:10px}.ads-page-counter{padding:6px 9px;font-size:10px}.ads-list-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ad-card{border-radius:12px}.ad-card-body{gap:8px;padding:9px}.ad-card-media{aspect-ratio:1}.ad-card-topline{flex-direction:column;align-items:flex-start;gap:8px}.ad-card-chip{max-width:100%;padding:4px 7px;font-size:9px}.ad-card-price{font-size:15px}.ad-card-title{font-size:11px;line-height:1.25}.ad-card-address{font-size:10px;line-height:1.35}.ad-card-meta-compact{font-size:9px}.ad-card-footer{flex-direction:column;align-items:flex-start;gap:6px}.ad-card-date,.ad-card-open-value{font-size:10px}.ad-status-badge{gap:5px;padding:4px 7px;font-size:9px}.ad-status-badge:before{width:5px;height:5px}}.ad-info{flex-direction:column;flex:1;gap:12px;display:flex}.ad-actions{background:#101010;border-top:1px solid #2a2a2a;gap:12px;padding:16px;display:flex}.ad-content{flex:1;gap:24px;padding:24px;display:flex;overflow:hidden}.ad-full-page{flex-direction:column;height:100%;display:flex}.chat-page{background:#0006;border-radius:14px;flex-direction:column;flex:auto;min-height:0;padding:16px;display:flex}.chat-header{color:#fff;border-bottom:1px solid #ffffff1a;padding-bottom:12px;font-size:18px;font-weight:600}.chat-messages{min-height:0;padding:12px 0 calc(var(--chat-overlay-height,112px) + 8px);flex-direction:column;flex:auto;gap:8px;display:flex;overflow-y:auto}.chat-window{--input-height:64px;--quick-height:48px;--overlay-gap:8px;--chat-overlay-height:calc(var(--input-height) + var(--quick-height) + var(--overlay-gap));flex-direction:column;width:100%;height:min(72vh,900px);max-height:72vh;display:flex;position:relative;overflow:hidden}.chat-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;word-break:break-word;overflow-wrap:anywhere;text-align:left;background:#ffffff0d;border-radius:12px;flex-direction:column;max-width:60%;padding:10px 14px;font-size:14px;display:flex;position:relative}.chat-message.me{background:#3b82f64d;align-self:flex-end}.chat-message.user{background:#6b72804d;align-self:flex-start}.chat-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;text-align:left;margin-bottom:4px}.chat-sender{opacity:.7;margin-bottom:4px;font-size:11px}.chat-time{opacity:.6;align-self:flex-end;font-size:10px}.chat-image{border-radius:12px;max-width:200px;margin-bottom:4px}.chat-window .chat-input-block{height:var(--input-height);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:6;background:0 0;align-items:flex-start;gap:8px;margin-top:0;padding:8px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.icon-btn{cursor:pointer;background:#2a2a2a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;padding:0;display:flex}.send-btn{cursor:pointer;color:#fff;background:#076bc9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:84px;min-width:0;height:42px;display:flex}.send-btn svg,.icon-btn svg{opacity:.8;width:20px;height:20px;display:block}.chat-input{color:#fff;background:#2a2a2a;border:none;border-radius:10px;outline:none;flex:1;min-width:0;height:42px;padding:0 12px;font-size:14px;line-height:normal}.chat-input-block input[type=text]{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;outline:none;flex:1;padding:10px 12px}.chat-window .quick-tree{left:12px;right:12px;bottom:calc(var(--input-height) + var(--overlay-gap));height:var(--quick-height);z-index:5;background:0 0;align-items:center;gap:8px;padding:4px 6px;display:flex;position:absolute;overflow-x:auto}.chat-window .chat-input-block:before,.chat-window .quick-tree:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#00000014,#0000);height:8px;position:absolute;top:-8px;left:0;right:0}.chat-input-block input[type=file]{color:#fff}.image-preview{position:relative}.image-preview img{border-radius:8px;max-width:60px}.image-preview button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;position:absolute;top:-4px;right:-4px}.chat-input-bar{border-top:1px solid #ffffff14;align-items:center;padding:8px}.chat-input-inner{align-items:stretch;gap:8px;display:flex}.chat-cell{justify-content:center;align-items:center;height:44px;display:flex}.chat-cell-input{flex:1}.chat-cell-input input{color:#fff;box-sizing:border-box;background:#2a2a2a;border:none;border-radius:12px;outline:none;width:100%;height:100%;padding:0 12px;font-size:14px}.image-upload-btn{cursor:pointer;color:#fff;background:#1e1e1e;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.send-btn{cursor:pointer;color:#fff;background:#076bc9;border:none;border-radius:12px;justify-content:center;align-items:center;width:88px;height:44px;margin-top:-1px;display:flex}.image-upload-btn svg,.send-btn svg{width:20px;height:20px;display:block}@media (max-width:600px){.chat-input-bar{padding:8px}.send-btn{width:44px;height:44px;font-size:14px}.chat-input{font-size:16px}}.image-gallery{flex-direction:column;gap:10px;min-width:0;display:flex}.image-main{aspect-ratio:4/3;background:#0f0f0f;border-radius:10px;width:100%;position:relative;overflow:hidden}.image-main img{object-fit:cover;width:100%;height:100%}.nav{color:#fff;cursor:pointer;z-index:2;background:#0009;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:24px;line-height:1;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav.left{left:10px}.nav.right{right:10px}.nav:hover{background:#000c;transform:translateY(-50%)}.image-thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumb{object-fit:cover;cursor:pointer;opacity:.6;border-radius:6px;width:64px;height:64px;transition:opacity .2s,outline .2s}.thumb.active{opacity:1;outline:2px solid #00ff7f}@media (max-width:900px){.image-main{aspect-ratio:1}.thumb{width:56px;height:56px}}.confirm-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.confirm-modal{color:#fff;background:#1e1e1e;border-radius:10px;flex-direction:column;gap:20px;min-width:300px;max-width:90%;padding:25px 30px;display:flex;box-shadow:0 0 15px #000000b3}.confirm-message{font-size:16px}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .2s}.confirm-btn.approve{color:#000;background:#00ff7f}.confirm-btn.cancel{color:#fff;background:#ff5a5f}.user-fullpage-container{color:#fff;background:#121212;flex-direction:column;gap:20px;min-height:100vh;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.back-btn{cursor:pointer;background:#333;border:none;border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:8px 16px}.user-header{background:#1e1e1e;border-radius:12px;gap:20px;padding:15px;display:flex;box-shadow:0 4px 10px #0000004d}.user-avatar{object-fit:cover;border:2px solid #555;border-radius:12px;width:160px;height:160px}.user-basic-info h2{margin:0;font-size:1.8rem}.service-info{align-items:center;gap:10px;margin-top:10px;display:flex}.user-tabs{gap:10px;display:flex}.tab{cursor:pointer;background:#333;border:none;border-radius:8px;padding:10px 18px;font-weight:500}.tab.active{background:#555}.user-content{flex-direction:column;gap:15px;display:flex}.user-info-cards{flex-wrap:wrap;gap:15px;display:flex}.info-card{background:#1e1e1e;border-radius:12px;min-width:200px;padding:15px;box-shadow:0 2px 8px #0006}.user-posts-list,.user-chats-list{flex-direction:column;gap:12px;display:flex}.post-card,.chat-card{background:#1e1e1e;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0006}.user-actions{gap:10px;margin-top:auto;display:flex}.approve-btn{cursor:pointer;background:#00ff7f;border:none;border-radius:8px;flex:1;padding:12px}.reject-btn{cursor:pointer;background:#ff5a5f;border:none;border-radius:8px;flex:1;padding:12px}@media (max-width:900px){.user-header{flex-direction:column;align-items:center}.user-avatar{width:120px;height:120px}.user-info-cards,.user-actions{flex-direction:column}}.services-page,.services-list{flex-direction:column;gap:12px;display:flex}.service-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f,#ffffff0a);border:1px solid #3b82f624;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background .2s,border-color .2s;display:flex}.service-card-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.service-card:hover{background:linear-gradient(#3b82f624,#3b82f614);border-color:#3b82f647}.service-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.service-logo{object-fit:cover;color:#fff;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;font-weight:700;display:flex}.service-logo.fallback{font-size:16px}.service-main{gap:6px;width:100%;min-width:0;display:grid}.service-title-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.service-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.service-id{opacity:.65;white-space:nowrap;font-size:12px}.service-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.service-type,.service-rating,.service-created{opacity:.8;font-size:12px}.service-created{white-space:nowrap}.service-status{white-space:nowrap;text-align:center;border-radius:999px;min-width:96px;padding:5px 10px;font-size:12px;font-weight:600}.service-status.pending{color:#3b82f6;background:#3b82f633}.service-status.approved{color:#22c55e;background:#22c55e33}.service-status.rejected{color:#ef4444;background:#ef444433}.services-empty{opacity:.7;border:1px dashed #fff3;border-radius:12px;padding:12px}@media (max-width:740px){.service-card{align-items:flex-start;padding:10px 12px}.service-logo{width:44px;min-width:44px;height:44px}.service-title-row{flex-direction:column;align-items:flex-start;gap:2px}.service-status{align-self:flex-start;min-width:auto}}.service-full-page{height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);overflow:hidden}.service-full-scroll{flex-direction:column;gap:14px;height:100%;padding-right:4px;display:flex;overflow-y:auto}.service-full-back{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;width:fit-content;padding:8px 12px}.service-full-header{background:linear-gradient(#ffffff0f,#ffffff0a);border:1px solid #3b82f624;border-radius:14px;gap:14px;padding:14px;display:flex}.service-hat-viewer{background:linear-gradient(#ffffff0f,#ffffff0a);border:1px solid #3b82f624;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.service-hat-title{font-size:14px;font-weight:600}.service-hat-main{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:360px;position:relative;overflow:hidden}.service-hat-main img{object-fit:contain;background:#0e1117;width:100%;height:100%}.service-hat-empty{color:#ffffffbf;justify-content:center;align-items:center;width:100%;height:100%;min-height:360px;display:flex}.service-hat-nav{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-family:Segoe UI,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.service-hat-nav-left{left:10px}.service-hat-nav-right{right:10px}.service-hat-thumbs{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.service-hat-thumb{cursor:pointer;background:#0e1117;border:1px solid #ffffff26;border-radius:8px;padding:0;overflow:hidden}.service-hat-thumb img{object-fit:cover;width:100%;height:70px;display:block}.service-hat-thumb.active{border-color:#3b82f6e6}.service-hat-error{color:#ffaaaaf2;font-size:12px}.service-full-logo{object-fit:cover;background:#ffffff14;border-radius:14px;width:92px;min-width:92px;height:92px}.service-full-logo-fallback{justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.service-full-head-info{flex-direction:column;gap:6px;display:flex}.service-full-head-info h2{margin:0}.service-full-id{opacity:.75;font-size:13px}.service-full-status{border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600}.service-full-status.pending{color:#3b82f6;background:#3b82f633}.service-full-status.approved{color:#22c55e;background:#22c55e33}.service-full-status.rejected{color:#ef4444;background:#ef444433}.service-full-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service-full-info-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.service-full-info-label{opacity:.7;margin-bottom:6px;font-size:12px}.service-full-info-value{word-break:break-word;font-size:14px;font-weight:500}.service-full-description{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.service-full-description-title{opacity:.7;margin-bottom:6px;font-size:12px}.service-full-description-text{white-space:pre-wrap;word-break:break-word}.service-actions{gap:12px;display:flex}.service-approve-btn,.service-reject-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.service-approve-btn{color:#0b1220;background:#22c55e}.service-reject-btn{color:#fff;background:#ef4444}.service-approve-btn:disabled,.service-reject-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:760px){.service-full-page{height:auto;max-height:none;overflow:visible}.service-full-scroll{height:auto;padding-right:0;overflow-y:visible}.service-full-grid{grid-template-columns:1fr}.service-full-header{align-items:flex-start}.service-hat-main,.service-hat-empty{min-height:240px}.service-hat-thumb img{height:60px}.service-full-logo{width:76px;min-width:76px;height:76px}.service-actions{flex-direction:column}}.support-page,.support-list{flex-direction:column;gap:12px;display:flex}.support-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.support-card:hover{background:#ffffff14}.support-card-left{align-items:center;gap:12px;display:flex}.support-avatar{background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.support-title{font-weight:600}.support-meta{opacity:.7;gap:6px;font-size:12px;display:flex}.support-last{opacity:.8;font-size:12px}.support-card-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.support-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.support-status.open{color:#3b82f6;background:#3b82f633}.support-status.pending{color:#f59e0b;background:#f59e0b33}.support-status.resolved{color:#22c55e;background:#22c55e33}.support-created,.support-updated{opacity:.7;font-size:12px}.support-chat-page{flex-direction:column;gap:12px;display:flex}.support-chat-header{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.support-chat-title{margin-bottom:4px;font-weight:600}.support-chat-meta{opacity:.7;gap:6px;font-size:12px;display:flex}.support-chat-badges{align-items:flex-start;gap:8px;display:flex}.support-chat-window{max-height:72vh}.support-chat-actions{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.support-status-select{opacity:.8;gap:6px;font-size:12px;display:grid}.support-status-select select{color:#fff;background:#020617b3;border:1px solid #ffffff2e;border-radius:10px;outline:none;padding:8px 10px}.support-delete-btn{color:#fff;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:10px;padding:10px 14px}.support-delete-btn:hover{background:#ef444440}@media (max-width:640px){.support-card,.support-card-right{align-items:flex-start}.support-chat-header{flex-direction:column;align-items:flex-start}.support-chat-actions{flex-direction:column;align-items:stretch}.support-delete-btn{width:100%}}.quick-tree{gap:6px;margin-bottom:8px;padding-bottom:6px;display:flex;overflow-x:auto}.quick-item,.quick-back{white-space:nowrap;color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;padding:6px 12px;font-size:12px;transition:background .2s}.quick-item:hover,.quick-back:hover{background:#3b82f666}._container_u4g6c_7{--clr-bg:#04060f;--clr-surface:#081022e6;--clr-border:#00d4ff26;--clr-cyan:#00d4ff;--clr-green:#0f8;--clr-text:#e0e8ff;--clr-muted:#8ca5d2b3;--clr-region:#0b1624;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--radius:8px;background:var(--clr-bg);width:100%;height:100%;min-height:100%;color:var(--clr-text);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}._bgGrid_u4g6c_60{pointer-events:none;z-index:0;background-image:linear-gradient(#00d4ff09 1px,#0000 1px),linear-gradient(90deg,#00d4ff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}._bgRadial_u4g6c_82{pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 50% 55%,#003c8c2e 0%,#0000 70%);position:absolute;inset:0}._content_u4g6c_112{z-index:5;flex:1;height:100%;display:flex;position:relative;overflow:hidden}._mapWrapper_u4g6c_128{flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;min-height:0;padding:12px 12px 8px;transition:flex .45s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}._mapWrapperShrink_u4g6c_143{flex:0 0 calc(100% - 400px)}._corner_u4g6c_153{border-color:var(--clr-cyan);opacity:.6;z-index:2;pointer-events:none;border-style:solid;width:20px;height:20px;position:absolute}._cornerTL_u4g6c_173{border-width:2px 0 0 2px;top:20px;left:20px}._cornerTR_u4g6c_175{border-width:2px 2px 0 0;top:20px;right:20px}._cornerBL_u4g6c_177{border-width:0 0 2px 2px;bottom:32px;left:20px}._cornerBR_u4g6c_179{border-width:0 2px 2px 0;bottom:32px;right:20px}._svgMap_u4g6c_185{width:100%;height:100%;max-height:100%}._sidePanel_u4g6c_198{border-left:1px solid #0000;flex-shrink:0;width:0;transition:width .45s cubic-bezier(.4,0,.2,1);overflow:hidden}._sidePanelOpen_u4g6c_214{border-left-color:var(--clr-border);width:400px}._panelInner_u4g6c_224{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#00d4ff4d transparent;background:#060c1cd9;width:400px;height:100%;padding:28px 24px;position:relative;overflow-y:auto}._panelInner_u4g6c_224::-webkit-scrollbar{width:4px}._panelInner_u4g6c_224::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}._closeBtn_u4g6c_264{width:28px;height:28px;color:var(--clr-cyan);cursor:pointer;font-size:12px;font-family:var(--font-mono);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:4px;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}._closeBtn_u4g6c_264:hover{border-color:var(--clr-cyan);background:#00d4ff2e}._panelHead_u4g6c_312{margin-bottom:24px;padding-top:4px}._panelDistrict_u4g6c_322{letter-spacing:1.5px;color:var(--clr-cyan);text-transform:uppercase;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:4px;margin-bottom:12px;padding:2px 10px;font-size:9px;display:inline-block}._panelName_u4g6c_348{letter-spacing:1px;color:#fff;margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}._panelNameEn_u4g6c_366{color:var(--clr-muted);letter-spacing:.5px;margin:0;font-size:11px}._panelMetrics_u4g6c_380{border:1px solid var(--clr-border);border-radius:var(--radius);background:#00d4ff0a;flex-direction:column;gap:14px;margin-bottom:20px;padding:18px;display:flex}._metric_u4g6c_402{align-items:center;gap:12px;display:flex}._metricIcon_u4g6c_414{text-align:center;flex-shrink:0;width:28px;font-size:18px}._metricVal_u4g6c_428{color:var(--clr-text);font-size:14px;font-weight:600;line-height:1.2;display:block}._metricLabel_u4g6c_444{color:var(--clr-muted);letter-spacing:.5px;font-size:10px;display:block}._tooltip_u4g6c_466{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060e20eb;border:1px solid #00d4ff4d;border-radius:6px;min-width:160px;padding:10px 14px;position:absolute;box-shadow:0 0 20px #00d4ff26,0 8px 30px #00000080}._ttName_u4g6c_496{color:#fff;margin:0 0 2px;font-size:13px;font-weight:700}._ttKey_u4g6c_510{color:var(--clr-muted);letter-spacing:.5px;margin:0 0 8px;font-size:9px}._ttRow_u4g6c_524{color:var(--clr-cyan);gap:12px;margin-bottom:8px;font-size:10px;display:flex}._ttHint_u4g6c_540{color:var(--clr-muted);opacity:.7;letter-spacing:.5px;margin:0;font-size:9px}@media (max-width:768px){._content_u4g6c_112{flex-direction:column}._mapWrapperShrink_u4g6c_143{flex:1}._sidePanelOpen_u4g6c_214{border-left:none;border-top:1px solid var(--clr-border);width:100%}._panelInner_u4g6c_224{width:100%}}.map-page{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.map-stats{margin-bottom:0}.map-wrapper{background:#03071299;border:1px solid #ffffff14;border-radius:18px;flex:1;height:clamp(360px,55vh,640px);min-height:clamp(360px,55vh,640px);overflow:hidden}.map-canvas{border-radius:18px;height:100%}@media (max-width:900px){.map-wrapper{height:clamp(320px,50vh,520px);min-height:clamp(320px,50vh,520px)}}@media (max-width:640px){.map-wrapper{height:clamp(300px,48vh,460px);min-height:clamp(300px,48vh,460px)}}