:root{--bg: #0E0E0F;--bg-alt: #121214;--surface: #17171A;--card: #1C1C20;--card-hover: #222228;--sunken: #121214;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--border-focus: rgba(10, 132, 255, .5);--text: #F4F4F5;--text-2: #A1A1AA;--text-3: #71717A;--blue: #0A84FF;--blue-dim: rgba(10, 132, 255, .12);--blue-glow: rgba(10, 132, 255, .25);--green: #30D158;--green-dim: rgba(48, 209, 88, .12);--amber: #FF9F0A;--amber-dim: rgba(255, 159, 10, .12);--red: #FF453A;--red-dim: rgba(255, 69, 58, .12);--purple: #BF5AF2;--purple-dim: rgba(191, 90, 242, .12);--fs-11: 12px;--fs-12: 13px;--fs-13: 14px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-22: 22px;--fs-24: 24px;--fs-26: 26px;--fs-28: 28px;--fs-30: 30px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--blue) 35%,transparent)}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:2px}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.route-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1000;pointer-events:none}.route-progress-bar{height:100%;background:var(--blue);box-shadow:0 0 8px var(--blue-glow);transition:width .12s linear}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:no-preference){.main-content>*{animation:view-in .18s ease both}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-13)}.data-table th{background:var(--surface);color:var(--text-2);font-weight:600;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-strong);position:sticky;top:0;z-index:10}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.data-table tr:hover td{background:var(--card-hover)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--fs-11);font-weight:500;line-height:1.4}.badge-green{background:var(--green-dim);color:var(--green);border:none}.badge-blue{background:var(--blue-dim);color:var(--blue);border:none}.badge-amber{background:var(--amber-dim);color:var(--amber);border:none}.badge-red{background:var(--red-dim);color:var(--red);border:none}.badge-purple{background:var(--purple-dim);color:var(--purple);border:none}.badge-neutral{background:#ffffff0f;color:var(--text-2);border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#0071e3}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--card);border-color:#ffffff40}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,69,58,.35)}.btn-danger:hover{background:#ff453a38;border-color:#ff453a99}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:#ffffff0f;color:var(--text)}.btn-sm{padding:4px 10px;font-size:var(--fs-12)}.form-input{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-family:inherit;outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--card) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-root{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.toast-popup{position:fixed;bottom:24px;right:24px;background:var(--card);border:1px solid var(--border-strong);color:var(--text);padding:12px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;z-index:1000;font-size:var(--fs-13);font-weight:500}.top-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-container{max-width:1440px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-badge{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.brand-title{font-weight:700;font-size:var(--fs-16);letter-spacing:-.02em;color:var(--text)}.version-tag{font-size:var(--fs-11);padding:2px 6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-2)}.account-meta{display:flex;align-items:center;gap:8px;font-size:var(--fs-12);color:var(--text-2)}.meta-label{color:var(--text-3);margin-right:4px}.meta-val{color:var(--text);font-weight:500}.meta-separator{color:var(--border-strong)}.nav-right{display:flex;align-items:center;gap:10px}.main-content{container-type:inline-size;max-width:1440px;margin:0 auto;padding:24px;width:100%;display:flex;flex-direction:column;gap:20px}.toolbar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.refresh-btn{min-height:38px;padding:9px 18px;font-size:var(--fs-13);font-weight:600}.refresh-btn.is-refreshing,.refresh-btn.is-refreshing:disabled{background:var(--blue);border-color:var(--blue);color:#fff;opacity:1;box-shadow:0 0 0 3px var(--blue-dim)}.toolbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:10px}.control-group{display:flex;align-items:center;gap:8px}.control-label{display:flex;align-items:center;gap:4px;font-size:var(--fs-12);color:var(--text-2);font-weight:500}.custom-dates{display:flex;align-items:center;gap:6px}.custom-date-input{padding:6px 10px;font-size:var(--fs-12);color-scheme:dark}.to-text{font-size:var(--fs-11);color:var(--text-3)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;transition:transform .15s ease,border-color .15s ease}.card:hover{border-color:var(--border-strong)}.kpi-card{display:flex;flex-direction:column;justify-content:space-between}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-title{font-size:var(--fs-13);font-weight:500;color:var(--text-2)}.kpi-icon-wrap{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.icon-blue{background:var(--blue-dim);color:var(--blue)}.icon-green{background:var(--green-dim);color:var(--green)}.icon-amber{background:var(--amber-dim);color:var(--amber)}.icon-purple{background:var(--purple-dim);color:var(--purple)}.kpi-main{margin-bottom:14px}.kpi-val{font-size:var(--fs-26);font-weight:700;line-height:1.1;margin-bottom:6px;letter-spacing:-.02em}.kpi-delta{display:flex;align-items:center;gap:6px}.kpi-subtext{font-size:var(--fs-11);color:var(--text-3)}.kpi-footer{border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-11)}.kpi-footer-item{display:flex;align-items:center;gap:4px}.kpi-footer-lbl{color:var(--text-3)}.chart-card{padding:20px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chart-title{font-size:var(--fs-15);font-weight:600}.chart-subtitle{font-size:var(--fs-12);color:var(--text-2);margin-top:2px}.segmented-control{position:relative;display:flex;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px;gap:2px}.seg-indicator{position:absolute;top:2px;bottom:2px;left:0;background:var(--card);border-radius:6px;box-shadow:var(--shadow-sm);pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .15s ease}.seg-btn{position:relative;z-index:1;background:transparent;border:none;color:var(--text-2);padding:5px 12px;border-radius:6px;font-size:var(--fs-12);font-weight:500;cursor:pointer;transition:color .15s ease}.seg-btn.active{background:transparent;color:var(--text);font-weight:600}.chart-container{height:360px;width:100%}.echarts-box{width:100%;height:100%}.chart-loading-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-2);font-size:var(--fs-13)}.breakdown-card{padding:0;overflow:hidden}.breakdown-header{padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tab-list{display:flex;gap:6px;overflow-x:auto}.tab-item{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-2);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-item:hover{background:#ffffff0a;color:var(--text)}.tab-item.active{background:var(--card);color:var(--blue);font-weight:600;border:1px solid var(--border-strong)}.table-search-input{font-size:var(--fs-12);padding:6px 10px;width:200px}.table-responsive{overflow-x:auto;max-height:520px}.date-cell{white-space:nowrap}.key-create-form{display:flex;gap:10px;margin-bottom:16px}.key-name-input{flex:1;min-width:0}.modal-card.new-key-card{max-width:none;margin-bottom:16px}.modal-body.new-key-body{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.new-key-code{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:var(--fs-13);-webkit-user-select:all;user-select:all;white-space:nowrap;overflow-x:auto;max-width:100%;flex:1 1 220px;min-width:0;scrollbar-width:thin;order:2}.new-key-copy{order:1;flex-shrink:0}.keys-cards{display:none}.key-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px}.key-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.key-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--fs-12)}.key-card-action{align-self:flex-start;margin-top:4px}.app-row-cell,.country-row-cell{display:flex;align-items:center;gap:10px}.app-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-11);font-weight:700;color:#fff;flex-shrink:0}.country-flag-img{width:20px;height:14px;border-radius:2px;object-fit:cover;flex-shrink:0}.progress-container{display:flex;align-items:center;gap:8px}.progress-bar{height:6px;background:var(--blue);border-radius:var(--radius-pill);min-width:4px}.progress-text{font-size:var(--fs-11);color:var(--text-2);min-width:40px}.bg-blue{background:var(--blue)}.bg-green{background:var(--green)}.bg-amber{background:var(--amber)}.network-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:460px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title-wrap{display:flex;align-items:center;gap:8px}.modal-title{margin:0;font-size:var(--fs-15);font-weight:600}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-desc{margin:0;font-size:var(--fs-13);color:var(--text-2);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--fs-12);font-weight:500;color:var(--text-2)}.security-note{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-12);color:var(--text-2);background:var(--surface);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.modal-footer{padding:14px 20px;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-purple{color:var(--purple)}.text-red{color:var(--red)}.text-muted{color:var(--text-2)}.text-right{text-align:right}.font-semibold{font-weight:600}.text-xs{font-size:var(--fs-11)}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.error-banner{background:var(--red-dim);border:1px solid rgba(255,69,58,.3);padding:14px 18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:14px}.error-text{font-size:var(--fs-13);flex:1}.error-title{font-weight:600;color:var(--red);margin-bottom:2px}.loading-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.skeleton-card{height:140px}.al-switch-btn{border-color:#30d15840!important;color:var(--green)!important;text-decoration:none}.al-switch-btn:hover{background:#30d15814!important;border-color:#30d15866!important}html[data-theme=light]{--bg: #F2F3F5;--bg-alt: #FAFBFC;--surface: #FFFFFF;--card: #FFFFFF;--card-hover: #F4F5F7;--sunken: #ECEEF1;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--border-focus: rgba(10, 132, 255, .5);--text: #18181B;--text-2: #52525B;--text-3: #9CA3AF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .14)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000052}html[data-theme=light] .custom-date-input{color-scheme:light}html[data-theme=light] .skeleton{background:linear-gradient(90deg,#eceef1 25%,#f7f8fa,#eceef1 75%);background-size:200% 100%}html[data-theme=light] .modal-backdrop{background:#18181b59}html[data-theme=light] .data-table th{background:#f7f8fa}html[data-theme=light] .btn-secondary:hover{border-color:#00000047}html[data-theme=light] .btn-ghost:hover{background:#0000000f}html[data-theme=light] .tab-item:hover,html[data-theme=light] .badge-neutral{background:#0000000d}html[data-theme=light] .segmented-control{background:#eceef1;border-color:#00000014}html[data-theme=light] .seg-btn.active{background:transparent;box-shadow:none}html[data-theme=light] .seg-indicator{background:#fff;box-shadow:0 1px 2px #0000001a}.muted{color:var(--text-2)}.error{color:var(--red)}.small{font-size:var(--fs-13)}.dd{position:relative;display:inline-block;max-width:100%}.dd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;max-width:340px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-family:inherit;font-weight:500;cursor:pointer;min-width:150px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.dd-btn:hover{border-color:var(--blue)}.dd.open .dd-btn,.dd-btn:focus-visible{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}.dd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-chevron{color:var(--text-3);transition:transform .15s ease;flex-shrink:0}.dd.open .dd-chevron{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(440px,92vw);max-height:280px;overflow-y:auto;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:200}.dd-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:none;color:var(--text-2);padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--fs-13);font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap}.dd-item:hover{background:var(--card-hover);color:var(--text)}.dd-item.active{color:var(--blue);font-weight:600;background:var(--blue-dim)}.dd-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-check{flex-shrink:0}.dd-empty{padding:10px;font-size:var(--fs-12);color:var(--text-3);text-align:center}.app-shell{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;z-index:60}.sidebar-brand{padding:14px 16px;border-bottom:1px solid var(--border);display:block;line-height:0}.sidebar-logo{display:block}.sidebar-logo-full{width:150px;height:auto}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-14);font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease;border:1px solid transparent}.side-link:hover{background:var(--card-hover);color:var(--text)}.side-link.active{background:var(--blue-dim);color:var(--blue);font-weight:600;border-color:#0a84ff33;box-shadow:inset 3px 0 0 var(--blue)}.side-link svg{flex-shrink:0}.sidebar-meta{margin:0 12px 12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-12);display:flex;flex-direction:column;gap:6px}.sidebar-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:4px 8px}.sidebar-user-email{flex:1;font-size:var(--fs-12);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;align-items:center;gap:8px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.connect-banner{background:var(--blue-dim);border:1px solid rgba(10,132,255,.35);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.connect-banner-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--blue-dim);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(10,132,255,.3)}.connect-banner-text{flex:1;min-width:220px}.connect-banner-title{font-weight:600;font-size:var(--fs-14);margin-bottom:2px}.connect-banner-sub{font-size:var(--fs-12);color:var(--text-2)}@media(max-width:1024px){.sidebar{width:68px}.sidebar-brand{padding:12px}.sidebar-logo-mark{height:40px;width:40px;margin:0 auto}.sidebar-logo-full{display:none}.side-link{justify-content:center;padding:12px}.side-link span,.sidebar-meta,.sidebar-user-email{display:none}.sidebar-user{justify-content:center}.sidebar-actions{flex-direction:column;align-items:stretch;gap:6px}.sidebar-actions .btn{justify-content:center;padding:8px 4px}.sidebar-actions .btn span{display:none}}@media(min-width:1025px){.sidebar-logo-mark{display:none}}.mobile-topbar,.sidebar-backdrop{display:none}@media(max-width:720px){.mobile-topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:70}.mobile-topbar-logo{height:40px;width:auto}.mobile-topbar-spacer{flex:1}.app-shell{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;width:264px;transform:translate(-105%);transition:transform .25s ease;z-index:90;box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:80}.sidebar-brand{padding:14px 16px}.sidebar-logo-full{display:block;width:150px;height:auto}.sidebar-logo-mark{display:none}.side-link{justify-content:flex-start;padding:10px 12px}.side-link span{display:inline}.sidebar-meta{display:flex}.sidebar-user-email{display:block}.sidebar-user{justify-content:flex-start}.sidebar-actions{flex-direction:row;align-items:center}.sidebar-actions .btn span{display:inline}.main-content{padding:16px;gap:16px}.toolbar-card{padding:10px 12px;gap:12px}.toolbar-left{gap:10px}.control-group{flex:1 1 auto}.dd{flex:1 1 auto;min-width:0}.dd-btn{min-width:0;width:100%}.kpi-grid{gap:12px}.kpi-val{font-size:var(--fs-22)}.card,.chart-card{padding:14px}.chart-container{height:280px}.overview-ribbon{padding:12px 14px;gap:12px}.data-table td{padding:10px}.dd-btn{max-width:none}.breakdown-header{padding:10px 12px;gap:10px}.table-search-input{width:100%}.connect-banner{padding:12px 14px}.key-create-form{flex-wrap:wrap}.key-create-form .key-name-input{flex:1 1 100%}.key-create-form .btn{flex:1 1 auto;justify-content:center}.keys-table{display:none}.keys-cards{display:flex;flex-direction:column;gap:12px}.admob-conn-title{display:none}.new-key-code,.new-key-copy{order:0}.modal-backdrop .modal-card{margin:0 8px}}.login-logo{width:100%;height:auto;display:block;border-radius:var(--radius-sm);margin-bottom:4px}.skeleton{position:relative;overflow:hidden;background:var(--surface);border-radius:var(--radius-sm);min-height:14px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-row td{padding:12px}.skeleton-line{height:14px}.admob-logo{height:28px;width:auto;display:block}.admob-logo-sm{height:22px;width:auto;display:block}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sortable:hover{color:var(--text)}.sort-arrow{display:inline-block;margin-left:4px;font-size:var(--fs-11);color:var(--blue)}.overview-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.ribbon-ecpm:before{content:" • "}@container (max-width: 1180px){.kpi-grid,.loading-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-grid>*,.loading-grid>*{grid-column:span 2}.kpi-grid>:nth-child(-n+2),.loading-grid>:nth-child(-n+2){grid-column:span 3}}@container (max-width: 640px){.overview-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.ribbon-ecpm{display:block}.ribbon-ecpm:before{content:none}.kpi-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid>*,.loading-grid>*{grid-column:span 1}.kpi-grid>:nth-child(-n+2),.loading-grid>:nth-child(-n+2){grid-column:span 1}.kpi-grid>:first-child,.loading-grid>:first-child{grid-column:1 / -1}}@container (max-width: 470px){.kpi-grid,.loading-grid{grid-template-columns:1fr}.kpi-grid>:first-child,.loading-grid>:first-child{grid-column:span 1}}.login-page[data-v-3252e057]{display:grid;grid-template-columns:minmax(420px,46%) 1fr;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}.panel-brand[data-v-3252e057]{background:var(--bg-alt);border-right:1px solid var(--border);padding:40px 48px;display:flex;flex-direction:column}.brand-logo[data-v-3252e057]{height:32px;width:auto;align-self:flex-start;display:block}.brand-mid[data-v-3252e057]{margin:auto 0;max-width:480px;padding:48px 0}.eyebrow[data-v-3252e057]{margin:0 0 14px;font-size:var(--fs-11);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.brand-head[data-v-3252e057]{margin:0 0 8px;font-size:var(--fs-30);line-height:1.25;font-weight:600;letter-spacing:-.02em}.brand-points[data-v-3252e057]{list-style:none;margin:16px 0 0;padding:0}.brand-points li[data-v-3252e057]{padding:16px 0;border-top:1px solid var(--border)}.brand-points strong[data-v-3252e057]{display:block;font-size:var(--fs-14);font-weight:600;margin-bottom:4px}.brand-points span[data-v-3252e057]{display:block;font-size:var(--fs-14);line-height:1.55;color:var(--text-2)}.brand-sample[data-v-3252e057]{margin-top:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.bs-head[data-v-3252e057]{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-13);font-weight:600;color:var(--text-2);margin-bottom:6px}.bs-tag[data-v-3252e057]{font-size:var(--fs-11);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:var(--amber-dim);padding:3px 9px;border-radius:var(--radius-pill)}.bs-row[data-v-3252e057]{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:8px 0;border-top:1px solid var(--border);font-size:var(--fs-13)}.bs-row span[data-v-3252e057]:first-child{color:var(--text-2)}.bs-row .up[data-v-3252e057]{color:var(--green)}.brand-foot[data-v-3252e057]{margin:0;font-size:var(--fs-12);line-height:1.5;color:var(--text-3)}.panel-form[data-v-3252e057]{display:flex;align-items:center;justify-content:center;padding:40px 24px}.form-inner[data-v-3252e057]{width:384px;max-width:100%;display:flex;flex-direction:column;gap:20px}.form-logo[data-v-3252e057]{height:32px;width:auto;align-self:flex-start;display:none}.stack[data-v-3252e057]{display:flex;flex-direction:column;gap:16px}.phase-head h1[data-v-3252e057]{margin:0;font-size:var(--fs-24);line-height:1.25;font-weight:600;letter-spacing:-.02em}.phase-head p[data-v-3252e057]{margin:6px 0 0;font-size:var(--fs-14);line-height:1.55;color:var(--text-2)}.phase-sub[data-v-3252e057]{margin:0;font-size:var(--fs-14);line-height:1.55;color:var(--text-2)}.phase-sub strong[data-v-3252e057]{color:var(--text);font-weight:600}.btn-google[data-v-3252e057]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 16px;font-size:var(--fs-14);font-weight:600;cursor:pointer;font-family:inherit}.btn-google[data-v-3252e057]:hover:not(:disabled){background:var(--card-hover)}.btn-google[data-v-3252e057]:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.btn-google[data-v-3252e057]:disabled{opacity:.55;cursor:default}.g-icon[data-v-3252e057]{display:inline-flex}.divider[data-v-3252e057]{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:var(--fs-11);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.divider[data-v-3252e057]:before,.divider[data-v-3252e057]:after{content:"";flex:1;height:1px;background:var(--border)}.field label[data-v-3252e057]{display:block;font-size:var(--fs-13);font-weight:500;margin-bottom:6px;color:var(--text-2)}.field input[data-v-3252e057]{width:100%;box-sizing:border-box;height:44px;font-size:var(--fs-15);font-family:inherit;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);padding:0 13px;border-radius:var(--radius-sm);outline:none}.field input[data-v-3252e057]::placeholder{color:var(--text-3)}.field input[data-v-3252e057]:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.password-wrap[data-v-3252e057]{position:relative}.password-wrap input[data-v-3252e057]{padding-right:44px}.password-toggle[data-v-3252e057]{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:6px;display:flex;border-radius:6px}.password-toggle[data-v-3252e057]:hover{color:var(--text)}.submit[data-v-3252e057]{width:100%;height:44px;font-size:var(--fs-15);justify-content:center}.otp-input[data-v-3252e057]{text-align:center;height:56px;width:100%;box-sizing:border-box;font-size:var(--fs-22);font-weight:700;letter-spacing:10px;text-indent:10px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);outline:none;font-family:JetBrains Mono,monospace}.otp-input[data-v-3252e057]:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.row[data-v-3252e057]{display:flex;justify-content:space-between;align-items:center;gap:12px}.link[data-v-3252e057]{background:none;border:none;color:var(--blue);font-size:var(--fs-13);padding:0;cursor:pointer;font-family:inherit}.link[data-v-3252e057]:hover:not(:disabled){text-decoration:underline}.link[data-v-3252e057]:disabled{color:var(--text-3);cursor:default;text-decoration:none}.self-start[data-v-3252e057]{align-self:flex-start}.completing[data-v-3252e057]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:8px 0}.completing-text[data-v-3252e057]{margin:0;font-size:var(--fs-14);color:var(--text-2)}.spinner[data-v-3252e057]{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--blue);border-radius:50%;animation:spin-3252e057 .8s linear infinite}@keyframes spin-3252e057{to{transform:rotate(360deg)}}.error[data-v-3252e057]{margin:0;font-size:var(--fs-13);line-height:1.45;text-align:left;color:var(--red);background:var(--red-dim);padding:10px 12px;border-radius:var(--radius-sm)}.form-foot[data-v-3252e057]{display:flex;flex-direction:column;gap:8px;margin:4px 0 0}.back-link[data-v-3252e057]{color:var(--text-2);font-size:var(--fs-13);text-decoration:none;align-self:flex-start}.back-link[data-v-3252e057]:hover{color:var(--text)}.foot-note[data-v-3252e057]{font-size:var(--fs-12);line-height:1.5;color:var(--text-3)}@media(max-width:900px){.login-page[data-v-3252e057]{grid-template-columns:1fr}.panel-brand[data-v-3252e057]{display:none}.form-logo[data-v-3252e057]{display:block}.panel-form[data-v-3252e057]{padding:32px 20px;align-items:flex-start}.form-inner[data-v-3252e057]{margin:auto 0}}