:root{--app-primary:#5b6cff;--app-primary-hover:#4c5df2;--app-primary-light:#eef1ff;--app-secondary:#7c4dff;--app-success:#18b26b;--app-warning:#f59e0b;--app-danger:#ef4444;--app-info:#64748b;--app-bg-page:#f5f7fb;--app-bg-card:#fff;--app-bg-sidebar:#111827;--app-bg-sidebar-soft:#1f2937;--app-bg-topbar:#fff;--app-text-1:#111827;--app-text-2:#344054;--app-text-3:#667085;--app-text-4:#98a2b3;--app-border:#e4e7ec;--app-divider:#edf0f3;--app-radius-xs:8px;--app-radius-sm:10px;--app-radius-md:12px;--app-radius-lg:16px;--app-radius-xl:20px;--app-shadow-sm:0 2px 8px #1018280a;--app-shadow-md:0 8px 24px #1018280f;--app-shadow-lg:0 18px 50px #1018281a;--app-sidebar-width:232px;--app-topbar-height:64px;--app-content-width:1280px;--app-gradient-primary:linear-gradient(135deg, #5b6cff 0%, #7c4dff 100%);--app-gradient-dark:linear-gradient(180deg, #111827 0%, #0b1020 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--app-text-1);background:var(--app-bg-page);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.user-layout{background:radial-gradient(circle at 92% 8%, #5b6cff14, transparent 26%), var(--app-bg-page);min-height:100vh}.mobile-nav-backdrop{display:none}.sidebar{z-index:30;width:var(--app-sidebar-width);color:#d1d5db;background:var(--app-gradient-dark);border-right:1px solid #ffffff14;flex-direction:column;padding:18px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-brand{flex:none;align-items:center;gap:12px;height:48px;margin-bottom:22px;padding:0 10px;display:flex}.sidebar-menu-wrap{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:auto;min-height:0;padding:0 2px 14px 0;overflow:hidden auto}.sidebar-menu-wrap::-webkit-scrollbar{width:6px}.sidebar-menu-wrap::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.sidebar-logo-mark{color:#fff;letter-spacing:-.04em;background:var(--app-gradient-primary);border-radius:14px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 12px 28px #5b6cff5c}.sidebar-brand-title{color:#fff;font-size:17px;font-weight:800;line-height:1}.sidebar-brand-subtitle{color:#8b95a7;margin-top:4px;font-size:12px}.sidebar-group{margin:18px 0}.sidebar-group-title{color:#7c879b;margin:0 0 8px 12px;font-size:12px;font-weight:600}.sidebar-menu-item{color:#b8c0cc;border-radius:14px;align-items:center;gap:12px;height:42px;margin-bottom:4px;padding:0 12px;transition:all .2s;display:flex;position:relative}.sidebar-menu-item.has-description{height:56px}.sidebar-menu-item:before{content:"";background:0 0;border-radius:999px;width:3px;height:18px;position:absolute;left:0}.sidebar-menu-item:hover{color:#fff;background:#ffffff0f}.sidebar-menu-item.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar-menu-item.active:before{background:var(--app-primary)}.sidebar-menu-icon{flex:none;font-size:18px}.sidebar-menu-text{flex-direction:column;gap:3px;min-width:0;line-height:1.2;display:flex}.sidebar-menu-title,.sidebar-menu-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-menu-description{color:#8b95a7;font-size:12px}.sidebar-support-link{color:#e5e7eb;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;flex:none;align-items:center;gap:12px;min-height:54px;margin-top:10px;padding:0 12px;transition:all .2s;display:flex}.sidebar-support-link:hover,.sidebar-support-link.active{color:#fff;background:#5b6cff3d;border-color:#8492ff5c;box-shadow:inset 0 0 0 1px #ffffff0a}.sidebar-support-icon{flex:none;font-size:19px}.sidebar-support-text{flex-direction:column;gap:3px;min-width:0;line-height:1.15;display:flex}.sidebar-support-title,.sidebar-support-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-support-title{font-size:14px;font-weight:800}.sidebar-support-desc{color:#aeb8cf;font-size:12px}.sidebar-footer{color:#dbe4ff;background:#5b6cff1f;border:1px solid #5b6cff2e;border-radius:16px;flex:none;margin-top:12px;padding:14px}.sidebar-footer-title{font-size:13px;font-weight:700}.sidebar-footer-text{color:#9ca8cf;margin-top:4px;font-size:12px;line-height:1.5}.layout-main{min-height:100vh;padding-left:var(--app-sidebar-width)}.topbar{z-index:20;height:var(--app-topbar-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #e4e7ecd6;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-leading{align-items:center;gap:14px;min-width:0;display:flex}.topbar-title-wrap{min-width:0}.topbar-title{color:var(--app-text-1);font-size:20px;font-weight:800;line-height:1.2}.topbar-subtitle{color:var(--app-text-3);margin-top:3px;font-size:12px}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-mobile-menu{display:none}.topbar-desktop-only{display:grid}.topbar-icon-button{width:38px;height:38px;color:var(--app-text-2);border:1px solid var(--app-border);cursor:pointer;background:#fff;border-radius:12px;place-items:center;transition:all .2s;display:grid}.topbar-icon-button:hover{color:var(--app-primary);box-shadow:var(--app-shadow-sm);border-color:#5b6cff5c}.user-dropdown{height:40px;color:var(--app-text-2);border:1px solid var(--app-border);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:0 10px 0 6px;display:flex}.user-avatar{color:#fff;background:var(--app-gradient-primary);border-radius:10px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.layout-content{padding:28px}.page-container{width:100%;max-width:var(--app-content-width);margin:0 auto 60px}.page-container.is-wide{max-width:1440px}.auth-layout{background:radial-gradient(circle at 25% 15%, #5b6cff2e, transparent 28%), radial-gradient(circle at 78% 22%, #7c4dff24, transparent 24%), var(--app-bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:420px;box-shadow:var(--app-shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:24px;padding:34px}.auth-brand{text-align:center;margin-bottom:22px;font-size:24px;font-weight:900}@media (width<=1180px){:root{--app-sidebar-width:84px}.sidebar{padding:16px 10px}.sidebar-menu-wrap{padding-right:0}.sidebar-brand-title,.sidebar-brand-subtitle,.sidebar-group-title,.sidebar-menu-text,.sidebar-support-text,.sidebar-footer{display:none}.sidebar-brand,.sidebar-menu-item{justify-content:center;padding:0}.sidebar-support-link{justify-content:center;min-height:42px;padding:0}.sidebar-menu-item.has-description{height:42px}.layout-content{padding:18px}}@media (width<=720px){:root{--app-topbar-height:72px}.user-layout.is-mobile-nav-open{overflow:hidden}.mobile-nav-backdrop{z-index:31;pointer-events:none;opacity:0;background:#0f172a5c;border:0;transition:opacity .24s;display:block;position:fixed;inset:0}.user-layout.is-mobile-nav-open .mobile-nav-backdrop{pointer-events:auto;opacity:1}.sidebar{width:min(84vw,320px);padding:18px 14px 24px;transition:transform .24s;transform:translate(-100%);box-shadow:0 24px 60px #0f172a47}.sidebar.is-mobile-open{transform:translate(0)}.sidebar-brand-title,.sidebar-brand-subtitle,.sidebar-group-title,.sidebar-menu-text,.sidebar-support-text,.sidebar-footer{display:block}.sidebar-menu-text,.sidebar-support-text{display:flex}.sidebar-brand,.sidebar-menu-item,.sidebar-support-link{justify-content:flex-start;padding:0 12px}.layout-main{padding-left:0}.topbar{padding:0 16px}.topbar-mobile-menu{flex:none;display:grid}.topbar-desktop-only{display:none}.topbar-title{font-size:18px}.topbar-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:36ch;overflow:hidden}.topbar-actions{gap:8px}.user-dropdown{min-width:0;padding-right:8px}.user-dropdown>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.layout-content{padding:16px 16px 96px}.page-container{margin-bottom:24px}}@media (hover:none) and (pointer:coarse){:root{--app-topbar-height:72px}.user-layout.is-mobile-nav-open{overflow:hidden}.mobile-nav-backdrop{z-index:31;pointer-events:none;opacity:0;background:#0f172a5c;border:0;transition:opacity .24s;display:block;position:fixed;inset:0}.user-layout.is-mobile-nav-open .mobile-nav-backdrop{pointer-events:auto;opacity:1}.sidebar{width:min(84vw,320px);padding:18px 14px 24px;transition:transform .24s;transform:translate(-100%);box-shadow:0 24px 60px #0f172a47}.sidebar.is-mobile-open{transform:translate(0)}.sidebar-brand-title,.sidebar-brand-subtitle,.sidebar-group-title,.sidebar-menu-text,.sidebar-support-text,.sidebar-footer{display:block}.sidebar-menu-text,.sidebar-support-text{display:flex}.sidebar-brand,.sidebar-menu-item,.sidebar-support-link{justify-content:flex-start;padding:0 12px}.layout-main{padding-left:0}.topbar{padding:0 16px}.topbar-mobile-menu{flex:none;display:grid}.topbar-desktop-only{display:none}.topbar-title{font-size:18px}.topbar-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:36ch;overflow:hidden}.topbar-actions{gap:8px}.user-dropdown{min-width:0;padding-right:8px}.user-dropdown>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.layout-content{padding:16px 16px 96px}.page-container{margin-bottom:24px}}.page-card{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-sm);position:relative;overflow:hidden}.page-card+.page-card{margin-top:22px}.page-card.is-hoverable{transition:all .2s}.page-card.is-hoverable:hover{box-shadow:var(--app-shadow-md);transform:translateY(-2px)}.page-card-header{border-bottom:1px solid var(--app-divider);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 20px;display:flex}.page-card-header h3{color:var(--app-text-1);margin:0;font-size:16px;font-weight:800}.page-card-header p{color:var(--app-text-3);margin:4px 0 0;font-size:12px}.page-card-body{padding:20px}.page-grid{gap:22px;display:grid}.page-grid.cols-2{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--app-border);box-shadow:var(--app-shadow-sm);background:#fff;border-radius:18px;padding:18px}.stat-card-label{color:var(--app-text-3);font-size:13px}.stat-card-value{color:var(--app-text-1);letter-spacing:-.03em;margin-top:10px;font-size:26px;font-weight:850}.stat-card-desc{color:var(--app-text-4);margin-top:6px;font-size:12px}.stat-card.primary{color:#fff;background:var(--app-gradient-primary);border-color:#0000}.stat-card.primary .stat-card-label,.stat-card.primary .stat-card-desc,.stat-card.primary .stat-card-value{color:#fff}.hero-card{color:#fff;background:var(--app-gradient-primary);border-radius:22px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 48px #5b6cff38}.hero-card:after{content:"";background:#ffffff2e;border-radius:999px;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.hero-card-title{z-index:1;margin:0;font-size:24px;font-weight:850;position:relative}.hero-card-text{z-index:1;color:#ffffffd1;width:70%;margin:10px 0 22px;line-height:1.7;position:relative}.hero-card-actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quick-action{background:#f8faff;border:1px solid #edf1ff;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.quick-action:hover{box-shadow:var(--app-shadow-sm);border-color:#5b6cff47;transform:translateY(-2px)}.quick-action-icon{width:38px;height:38px;color:var(--app-primary);background:var(--app-primary-light);border-radius:14px;place-items:center;display:grid}.quick-action-title{color:var(--app-text-1);font-weight:700}.quick-action-desc{color:var(--app-text-3);margin-top:3px;font-size:12px}.traffic-card{gap:14px;display:grid}.traffic-meta{color:var(--app-text-3);justify-content:space-between;font-size:13px;display:flex}.traffic-value{letter-spacing:-.04em;font-size:34px;font-weight:850}.notice-list{gap:12px;display:grid}.notice-item{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:14px}.notice-item-title{font-weight:700}.notice-item-date{color:var(--app-text-4);margin-top:6px;font-size:12px}.plans-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.plans-title{color:var(--app-text-1);letter-spacing:-.04em;margin:0;font-size:30px;font-weight:900}.plans-subtitle{color:var(--app-text-3);margin:8px 0 0}.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.plan-card-v2{border:1px solid var(--app-border);min-height:420px;box-shadow:var(--app-shadow-sm);background:#fff;border-radius:22px;padding:22px;transition:all .2s;position:relative;overflow:hidden}.plan-card-v2:hover{box-shadow:var(--app-shadow-md);transform:translateY(-4px)}.plan-card-v2.recommended{border-color:#5b6cff7a;box-shadow:0 18px 42px #5b6cff1f}.plan-badge{height:26px;color:var(--app-primary);background:var(--app-primary-light);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.plan-name{margin-top:18px;font-size:20px;font-weight:850}.plan-price{align-items:baseline;gap:4px;margin-top:14px;display:flex}.plan-price strong{letter-spacing:-.06em;font-size:38px;line-height:1}.plan-price span{color:var(--app-text-3)}.plan-features{color:var(--app-text-2);gap:11px;margin:22px 0 28px;padding:0;list-style:none;display:grid}.plan-features li{align-items:center;gap:8px;display:flex}.plan-features li:before{content:"✓";width:18px;height:18px;color:var(--app-success);background:#18b26b1f;border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid}.plan-card-v2 .el-button{width:100%}.empty-state{padding:32px 0}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}@media (width<=1280px),(hover:none) and (pointer:coarse){.plans-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.cols-2{grid-template-columns:1fr}}@media (width<=720px),(hover:none) and (pointer:coarse){.plans-header{display:block}.plans-grid,.stats-grid,.quick-actions{grid-template-columns:1fr}}.el-button{--el-border-radius-base:12px;font-weight:700}.el-button--primary{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-hover-bg-color:transparent;--el-button-hover-border-color:transparent;--el-button-active-bg-color:#4252dc;--el-button-active-border-color:#4252dc;background:var(--app-gradient-primary);box-shadow:0 10px 22px #5b6cff47}.el-button--primary:hover{opacity:.94;transform:translateY(-1px)}.el-button--primary:active{opacity:.9;transform:translateY(0)}.el-input__wrapper,.el-textarea__inner{box-shadow:0 0 0 1px var(--app-border) inset;border-radius:12px}.el-input__wrapper.is-focus,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--app-primary) inset, 0 0 0 4px #5b6cff1a}.el-card,.el-table{border-radius:16px}.el-table{font-size:13px}.el-table th.el-table__cell{color:var(--app-text-2);background:#f8fafc;font-weight:700}.el-progress-bar__outer{background:#edf1f7}.el-dropdown-menu{border-radius:12px}.app-auth-loading[data-v-eb5e9f0a]{background:radial-gradient(circle at top,#ffc4572e,#0000 32%),linear-gradient(#f8fafc 0%,#eef2ff 100%);place-items:center;min-height:100vh;display:grid}.app-auth-loading__card[data-v-eb5e9f0a]{text-align:center;background:#ffffffeb;border:1px solid #94a3b82e;border-radius:18px;min-width:240px;padding:24px 28px;box-shadow:0 18px 48px #0f172a1a}.app-auth-loading__card p[data-v-eb5e9f0a]{color:#475467;margin:14px 0 0;font-size:14px}.app-auth-loading__spinner[data-v-eb5e9f0a]{border:3px solid #d0d5dd;border-top-color:#2563eb;border-radius:999px;width:24px;height:24px;animation:.8s linear infinite auth-loading-spin-eb5e9f0a;display:inline-block}@keyframes auth-loading-spin-eb5e9f0a{to{transform:rotate(360deg)}}