.record-pagination[data-v-79044ee4]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.record-pagination__actions[data-v-79044ee4]{display:flex;align-items:center;gap:8px}@media(max-width:768px){.record-pagination[data-v-79044ee4]{flex-direction:column;align-items:stretch}.record-pagination__actions[data-v-79044ee4]{justify-content:space-between}}.user-toolbar[data-v-61eb7272]{grid-template-columns:minmax(240px,1.5fr) repeat(6,minmax(140px,1fr)) auto auto;align-items:center;padding:16px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px}.user-toolbar input[data-v-61eb7272],.user-toolbar select[data-v-61eb7272]{min-width:0;min-height:42px}.user-toolbar__search[data-v-61eb7272]{min-width:0}.user-toolbar__button[data-v-61eb7272]{min-height:42px}.crud-bar[data-v-61eb7272]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px}.crud-bar__primary[data-v-61eb7272],.crud-bar__status[data-v-61eb7272]{align-items:center}.user-main[data-v-61eb7272]{min-width:0}.user-table-panel[data-v-61eb7272]{display:flex;flex-direction:column;overflow:hidden}.user-table-shell[data-v-61eb7272]{width:100%;overflow:auto;max-height:calc(100dvh - 360px);border:1px solid var(--border-subtle);border-radius:16px;background:var(--card-bg)}.user-table-shell .table[data-v-61eb7272]{min-width:980px}.user-table-shell thead th[data-v-61eb7272]{position:sticky;top:0;z-index:5;background:var(--card-bg, #fff);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-table-shell td[data-v-61eb7272],.user-table-shell th[data-v-61eb7272]{white-space:nowrap;padding:12px 14px}.user-table-shell th[data-v-61eb7272]:first-child,.user-table-shell td[data-v-61eb7272]:first-child{width:56px}.user-cell-ellipsis[data-v-61eb7272]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.user-cell-ellipsis--name[data-v-61eb7272]{max-width:160px}.user-cell-ellipsis--email[data-v-61eb7272]{max-width:220px}.user-status-badge[data-v-61eb7272]{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-bg) 82%,var(--accent) 18%);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:12px}.user-points-cell[data-v-61eb7272]{text-align:right;font-variant-numeric:tabular-nums}.user-time-cell[data-v-61eb7272]{white-space:nowrap}.desktop-user-table[data-v-61eb7272]{display:block}.mobile-user-list[data-v-61eb7272]{display:none}.mobile-user-card[data-v-61eb7272]{display:grid;gap:14px;padding:16px;border:1px solid var(--border-subtle);border-radius:16px;background:color-mix(in srgb,var(--card-bg) 96%,transparent)}.mobile-user-card__top[data-v-61eb7272],.mobile-user-card__grid[data-v-61eb7272],.mobile-user-card__check[data-v-61eb7272]{display:grid;gap:10px}.mobile-user-card__top[data-v-61eb7272]{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mobile-user-card__check[data-v-61eb7272]{grid-auto-flow:column;justify-content:start;align-items:center}.mobile-user-card__grid[data-v-61eb7272]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-user-card__grid>div[data-v-61eb7272]{display:grid;gap:4px;min-width:0}.mobile-user-card__label[data-v-61eb7272]{color:var(--text-muted);font-size:12px}.mobile-user-state[data-v-61eb7272]{border:1px dashed var(--border-subtle);border-radius:16px}.mobile-user-card__actions[data-v-61eb7272]{width:100%}.mobile-user-card__actions button[data-v-61eb7272]{flex:1 1 0}.user-table-state[data-v-61eb7272]{padding:32px 16px;text-align:center}.user-pagination-bar[data-v-61eb7272]{position:sticky;bottom:0;z-index:2;padding-top:12px;margin-top:auto;background:var(--card-bg, #fff);border-top:1px solid rgba(148,163,184,.2)}.user-pagination-bar[data-v-61eb7272] .record-pagination{margin-top:0;padding:0 4px}.user-table-actions[data-v-61eb7272]{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}.user-table-actions button[data-v-61eb7272]{white-space:nowrap;min-height:42px}.quick-adjust-section[data-v-61eb7272]{gap:18px}.quick-adjust-grid[data-v-61eb7272]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quick-adjust-panel[data-v-61eb7272]{display:grid;gap:16px;align-content:start;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:20px}.quick-adjust-panel h4[data-v-61eb7272]{margin:0}.quick-adjust-panel .single[data-v-61eb7272]{grid-template-columns:1fr}.quick-adjust-panel[data-v-61eb7272] input{min-height:42px}.quick-adjust-actions[data-v-61eb7272]{margin-top:auto}.quick-adjust-actions button[data-v-61eb7272]{min-height:42px}@media(max-width:1200px){.user-toolbar[data-v-61eb7272]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.user-toolbar[data-v-61eb7272]{grid-template-columns:1fr}.user-toolbar__button[data-v-61eb7272]{width:100%}.crud-bar[data-v-61eb7272]{align-items:stretch;flex-direction:column}.crud-bar__primary[data-v-61eb7272],.crud-bar__status[data-v-61eb7272]{display:grid;grid-template-columns:1fr 1fr}.crud-bar__status[data-v-61eb7272]{align-items:stretch}.crud-bar__status .muted[data-v-61eb7272]{grid-column:1 / -1}.crud-bar button[data-v-61eb7272]{width:100%;min-height:44px}.desktop-user-table[data-v-61eb7272]{display:none}.mobile-user-list[data-v-61eb7272]{display:grid;gap:14px}.mobile-user-card__grid[data-v-61eb7272]{grid-template-columns:1fr}.user-cell-ellipsis[data-v-61eb7272]{max-width:100%}.mobile-user-card[data-v-61eb7272]{gap:12px}.mobile-user-card__top[data-v-61eb7272]{grid-template-columns:1fr}.mobile-user-card__actions[data-v-61eb7272]{flex-direction:column;align-items:stretch}.mobile-user-card__actions button[data-v-61eb7272]{width:100%}.quick-adjust-grid[data-v-61eb7272]{grid-template-columns:1fr}}.invite-page-actions[data-v-4bc0194d],.table-actions[data-v-4bc0194d],.result-summary[data-v-4bc0194d],.detail-grid[data-v-4bc0194d],.detail-grid>div[data-v-4bc0194d]{display:flex;gap:12px}.invite-page-actions[data-v-4bc0194d],.result-summary[data-v-4bc0194d]{flex-wrap:wrap}.invite-table-panel[data-v-4bc0194d],.invite-usage-panel[data-v-4bc0194d]{max-height:560px;overflow:auto}.table thead th[data-v-4bc0194d]{position:sticky;top:0;background:var(--card-bg, #fff);z-index:1}.invite-dialog[data-v-4bc0194d],.result-dialog[data-v-4bc0194d]{width:min(960px,calc(100vw - 32px))}.result-list[data-v-4bc0194d]{max-height:420px;overflow:auto;margin-top:16px}.drawer-backdrop[data-v-4bc0194d]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;justify-content:flex-end;z-index:30}.record-drawer[data-v-4bc0194d]{width:min(720px,100vw);height:100vh;background:#fff;padding:24px;overflow:auto}.record-drawer__header[data-v-4bc0194d],.detail-grid[data-v-4bc0194d]{display:grid;gap:16px}.record-drawer__header[data-v-4bc0194d]{grid-template-columns:1fr auto;align-items:start}.record-drawer__content[data-v-4bc0194d]{display:grid;gap:20px;margin-top:20px}.detail-grid[data-v-4bc0194d]{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>div[data-v-4bc0194d]{flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#94a3b81f}.span-2[data-v-4bc0194d]{grid-column:span 2}.status-pill.is-danger[data-v-4bc0194d]{background:#dc26261f;color:#b91c1c}@media(max-width:768px){.record-drawer[data-v-4bc0194d]{width:100vw;padding:16px}.detail-grid[data-v-4bc0194d]{grid-template-columns:1fr}.span-2[data-v-4bc0194d]{grid-column:span 1}.invite-toolbar[data-v-4bc0194d]{grid-template-columns:1fr}}.record-scroll[data-v-f73e39be]{max-height:560px;overflow:auto}.table thead th[data-v-f73e39be]{position:sticky;top:0;background:var(--card-bg, #fff);z-index:1}.drawer-backdrop[data-v-f73e39be]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;justify-content:flex-end;z-index:30}.record-drawer[data-v-f73e39be]{width:min(720px,100vw);height:100vh;background:#fff;padding:24px;overflow:auto}.record-drawer__header[data-v-f73e39be]{display:grid;grid-template-columns:1fr auto;gap:16px}.record-drawer__content[data-v-f73e39be]{margin-top:20px}.detail-grid[data-v-f73e39be]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-grid>div[data-v-f73e39be]{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#94a3b81f}@media(max-width:768px){.record-drawer[data-v-f73e39be]{width:100vw;padding:16px}.detail-grid[data-v-f73e39be]{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-accent);color:var(--text-color)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:14px;padding:10px 16px;background:var(--button-bg);color:var(--button-text);cursor:pointer;box-shadow:0 10px 24px var(--shadow-color);transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}button:hover{transform:translateY(-1px)}button.secondary{background:var(--button-secondary);color:var(--text-primary);border-color:var(--border-color)}button.danger{background:var(--danger-color);color:var(--button-text)}input,select,textarea{width:100%;border:1px solid var(--border-color);border-radius:14px;padding:11px 12px;background:color-mix(in srgb,var(--card-bg) 92%,transparent);color:var(--text-primary)}label{display:grid;gap:6px;font-size:14px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.auth-header{margin-bottom:20px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eyebrow{margin:0 0 8px;color:var(--muted-text);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.panel,.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 14px 40px var(--shadow-color)}.panel{width:100%;max-width:460px;padding:28px}.form{display:grid;gap:16px}.layout-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--sidebar-text);padding:28px 22px;display:grid;align-content:start;gap:24px;border-right:1px solid var(--border-color)}.brand{font-size:24px;font-weight:700}.sidebar-note{color:var(--sidebar-muted);margin:6px 0 0;font-size:13px}.menu{display:grid;gap:8px}.menu a{padding:12px 14px;border-radius:12px;color:var(--sidebar-muted)}.menu a.router-link-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--sidebar-text)}.main-shell{display:grid;grid-template-rows:72px 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-color)}.content{padding:24px}.footer{padding:12px 24px 20px;color:var(--muted-text);font-size:13px}.footer-inline{margin-top:14px;color:var(--muted-text);font-size:13px}.page{display:grid;gap:18px}.page-header,.inner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.grid,.stats-grid{display:grid;gap:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;padding:24px;border-radius:18px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary-color) 18%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 92%,transparent),color-mix(in srgb,var(--card-bg) 78%,var(--bg-accent)));border:1px solid var(--border-color);box-shadow:0 18px 48px var(--shadow-color)}.hero-copy{display:grid;gap:10px;align-content:start}.hero-copy h3{margin:0;font-size:30px}.hero-copy p{margin:0;color:var(--muted-text);max-width:720px}.hero-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:14px;background:var(--button-bg);color:var(--button-text);box-shadow:0 10px 24px var(--shadow-color)}.hero-meta{display:grid;gap:12px}.hero-meta>div,.mini-stat{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--card-bg) 76%,transparent);border:1px solid var(--border-color)}.hero-meta span,.mini-stat span{color:var(--muted-text);font-size:13px}.hero-meta strong,.mini-stat strong{font-size:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h3{margin:0 0 6px}.section-head p{margin:0}.stat-card strong{display:block;margin:8px 0 14px;font-size:22px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table{width:100%;border-collapse:collapse;overflow:hidden;background:transparent}.compact-table th,.compact-table td,.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top}.table th{background:var(--table-header)}.table-panel{padding:0;overflow:hidden}.selected{background:color-mix(in srgb,var(--primary-soft) 60%,transparent)}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted-text)}.forgot-panel{max-width:520px}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;align-items:end}.auth-actions--single{grid-template-columns:1fr}.password-strength{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--card-bg) 94%,transparent)}.password-strength strong.is-strong{color:var(--accent-hover)}.password-strength strong.is-medium{color:var(--warning-color)}.password-strength strong.is-weak{color:var(--danger-color)}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-toolbar{margin-bottom:16px}.user-toolbar{grid-template-columns:minmax(220px,1.8fr) 120px auto auto}.crud-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.field-title{font-size:14px;font-weight:600}.field-help{margin:6px 0 0;color:var(--muted-text);font-size:12px}.settings-stack{display:grid;gap:18px}.settings-group h3{margin-top:0}.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:12px}.meta-list{display:grid;gap:12px}.meta-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border-color)}.compact-list>div:last-child{border-bottom:none}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.theme-sections{display:grid;gap:20px}.theme-group{display:grid;gap:14px}.theme-group__head h4{margin:0 0 6px;font-size:16px}.theme-card{display:grid;gap:12px;padding:16px;text-align:left;border-radius:14px;background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.theme-card.active{outline:2px solid var(--primary-color)}.theme-card.active .theme-card__meta strong{color:var(--primary-color)}.theme-card__preview{display:grid;grid-template-columns:1fr .7fr;grid-template-rows:18px 1fr;gap:8px;padding:12px;min-height:108px;border-radius:16px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--theme-preview-accent) 22%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--theme-preview-bg) 86%,white 4%),var(--theme-preview-bg));border:1px solid color-mix(in srgb,var(--theme-preview-surface) 26%,var(--border-color))}.theme-card__preview-bar,.theme-card__preview-card{display:block;border-radius:12px;border:1px solid color-mix(in srgb,var(--theme-preview-surface) 24%,var(--border-color))}.theme-card__preview-bar--top{grid-column:1 / -1;height:18px;background:color-mix(in srgb,var(--theme-preview-surface) 88%,white 8%)}.theme-card__preview-bar--side{grid-row:2;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-preview-surface) 90%,white 6%),var(--theme-preview-surface))}.theme-card__preview-card{background:color-mix(in srgb,var(--theme-preview-surface) 96%,white 2%)}.theme-card__preview-card--secondary{margin-left:10px;background:color-mix(in srgb,var(--theme-preview-accent) 18%,var(--theme-preview-surface))}.theme-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-card__tone{padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--text-primary);font-size:12px}.theme-swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 64%,white 16%)}.notice-block{padding:12px 14px;border-radius:12px;background:var(--danger-bg)}.notice-block--info{background:var(--success-bg);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-color))}.invite-actions{display:grid;gap:10px}.user-layout,.account-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:18px}.account-main{display:grid;gap:18px}.account-hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr)}.user-side{display:grid;gap:18px;align-content:start}.store-layout{display:grid;gap:18px}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.store-card{display:grid;gap:12px;padding:18px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--card-bg) 86%,transparent)}.store-card-top{display:grid;gap:8px}.store-badge{width:fit-content;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--text-color);font-size:12px}.empty-card{display:grid;place-items:center;min-height:160px}.sync-box{border-top:1px solid var(--border-color);padding-top:8px}.sync-policy{padding:16px 18px}.sync-policy__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.sync-policy__grid>div{padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--card-bg) 82%,transparent);border:1px solid var(--border-color)}.sync-policy__grid p{margin:8px 0 0}@media(max-width:1100px){.dashboard-panels,.hero-card,.user-layout,.account-layout{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}}@media(max-width:960px){.layout-shell,.toolbar,.form-grid,.auth-actions{grid-template-columns:1fr}.crud-bar{flex-direction:column;align-items:stretch}.span-2{grid-column:span 1}}html,body,#app{width:100%;height:100%;min-height:100%}body{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-accent);color:var(--text-primary)}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}a,p,span,small,label,td,th{color:inherit}p{margin:0 0 14px;color:var(--text-secondary);line-height:1.6}h1,h2,h3,h4{margin:0;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.muted,.field-help,.sidebar-note,.footer,.footer-inline{color:var(--text-muted)!important}button{border-radius:var(--radius-lg);padding:12px 18px;font-weight:600;box-shadow:0 10px 24px var(--shadow-color)}button.secondary{background:var(--button-secondary);color:var(--text-primary);border-color:var(--border-strong)}input,select,textarea{border-radius:var(--radius-lg);padding:13px 14px;background:var(--card-strong-bg);border-color:var(--border-subtle)}.panel,.card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 24px 60px var(--shadow-color)}.card{padding:24px}.page{gap:24px}.page-header{gap:16px;margin-bottom:4px}.page-header p{margin-top:10px}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--bg-accent)}.mobile-tabbar{display:none}.app-shell__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--text-primary) 45%,transparent);z-index:19}.app-sidebar{position:relative;z-index:20;height:100vh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:24px;padding:24px 18px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border-subtle)}.app-sidebar__brand{display:flex;align-items:center;gap:14px;padding:8px 10px}.app-sidebar__logo{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent));color:var(--button-text);font-weight:800}.app-sidebar__title{font-size:18px;font-weight:700;color:var(--text-primary)}.app-sidebar__note,.app-sidebar__meta{margin:4px 0 0;color:var(--text-muted);font-size:13px}.app-sidebar__nav{display:grid;align-content:start;gap:8px}.app-sidebar__nav a{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.app-sidebar__nav a:hover,.app-sidebar__nav a.router-link-active{color:var(--text-primary);background:color-mix(in srgb,var(--card-bg) 88%,var(--accent) 12%);border-color:var(--border-subtle);transform:translate(2px)}.app-sidebar__footer{padding:16px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-bg) 92%,transparent);border:1px solid var(--border-subtle)}.app-sidebar__user{font-weight:600;color:var(--text-primary)}.app-main{min-width:0;height:100vh;display:grid;grid-template-rows:80px minmax(0,1fr);overflow:hidden}.app-topbar{position:relative;z-index:10;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-subtle)}.app-topbar__left,.app-topbar__actions{display:flex;align-items:center;gap:14px}.app-topbar__title{color:var(--text-primary);font-size:18px;font-weight:700}.app-topbar__subtitle{color:var(--text-muted);font-size:13px}.app-topbar__status{display:grid;justify-items:end;gap:2px;color:var(--text-secondary);font-size:13px}.app-topbar__status strong{color:var(--text-primary)}.app-topbar__menu{display:none}.app-content{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:32px}.app-content__inner{min-width:0;display:grid;gap:24px;padding-bottom:96px}.app-footer{padding:8px 4px 24px;color:var(--text-muted);font-size:13px}.data-card{display:grid;gap:12px;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 96%,transparent),color-mix(in srgb,var(--card-bg) 92%,transparent));border:1px solid var(--border-subtle)}.data-card.is-highlight{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--card-bg) 94%,transparent))}.data-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.data-card__label,.data-card__hint,.data-card__tag{color:var(--text-muted)}.data-card__tag{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-bg) 86%,var(--accent) 14%);font-size:12px}.data-card__value{font-size:28px;line-height:1.1;color:var(--text-primary)}.vip-plan-grid,.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.vip-plan-card{display:grid;gap:18px;min-height:280px;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 95%,transparent),color-mix(in srgb,var(--card-bg) 90%,transparent));border:1px solid var(--border-subtle);transition:transform .2s ease,background .2s ease,border-color .2s ease}.vip-plan-card:hover{transform:translateY(-2px);background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 88%,var(--accent) 12%),color-mix(in srgb,var(--card-bg) 92%,transparent));border-color:color-mix(in srgb,var(--accent) 10%,var(--border-subtle))}.vip-plan-card.is-recommended{border-color:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 24px 48px color-mix(in srgb,var(--accent) 12%,transparent)}.vip-plan-card.is-permanent{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 26%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 72%,var(--accent) 28%),color-mix(in srgb,var(--card-bg) 96%,black));border-color:color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 10%,transparent)}.vip-plan-card.is-disabled{opacity:.68}.vip-plan-card__head,.vip-plan-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.vip-plan-card__eyebrow,.vip-plan-card__subtitle,.vip-plan-card__meta span{color:var(--text-muted)}.vip-plan-card__badge{padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-primary);font-size:12px}.vip-plan-card__title{font-size:28px;font-weight:700;line-height:1.15;color:var(--text-primary)}.vip-plan-card__meta>div{display:grid;gap:6px}.store-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.store-layout{display:grid;gap:24px}.store-panel{display:grid;gap:20px}.store-records{overflow:hidden}.table-panel{overflow-x:auto;padding:0}.compact-table th,.compact-table td,.table th,.table td{padding:16px 18px}.table th{color:var(--text-secondary);background:var(--table-header)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--text-primary) 52%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-card{width:min(520px,100%);padding:28px;border-radius:22px;background:var(--card-bg);border:1px solid var(--border-strong);box-shadow:0 28px 72px color-mix(in srgb,var(--text-primary) 40%,transparent)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.admin-store-grid{display:grid;gap:20px}.admin-store-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}.admin-store-form .span-2{grid-column:span 2}.admin-store-item-list{display:grid;gap:16px}.admin-store-item{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(120px,160px)) auto;gap:16px;align-items:center;padding:20px;border-radius:18px;background:color-mix(in srgb,var(--card-bg) 94%,transparent);border:1px solid var(--border-subtle)}.admin-store-item__meta{display:grid;gap:6px}.admin-store-item__meta strong{color:var(--text-primary)}.admin-store-item__actions{display:flex;gap:10px;justify-content:flex-end}.status-pill{width:fit-content;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-bg) 86%,var(--accent) 14%);color:var(--text-secondary);font-size:12px}.status-pill.is-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text-primary)}.theme-input-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}.theme-input-row input[type=color]{min-width:56px;height:44px;padding:4px}@media(max-width:1200px){.store-summary{grid-template-columns:1fr}.admin-store-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-store-item{grid-template-columns:1fr}}@media(max-width:960px){#app,.app-shell,.app-main{height:100vh}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;top:0;left:0;width:min(84vw,320px);transform:translate(-100%);transition:transform .22s ease}.app-sidebar.is-open{transform:translate(0)}.app-topbar{padding:0 16px}.app-topbar__menu{display:inline-flex}.app-topbar__actions{gap:8px}.app-topbar__status{display:none}.app-content{padding:16px}.app-content__inner{padding-bottom:104px}.vip-plan-grid,.store-grid{grid-template-columns:1fr}.dialog-card{padding:22px}.dialog-actions{flex-direction:column-reverse}.admin-store-form{grid-template-columns:1fr}.admin-store-form .span-2{grid-column:span 1}}@media(max-width:768px){button,.app-sidebar__nav a,.mobile-tabbar a,.mobile-tabbar button,input,select,textarea{min-height:44px}.card{padding:16px}.page{gap:14px}.actions{flex-direction:column;align-items:stretch}.actions button{width:100%;min-height:44px}.page-header,.inner-header,.app-topbar__left,.app-topbar__actions{align-items:stretch}.page-header,.inner-header{flex-direction:column}.app-topbar{min-height:72px;padding:12px 16px}.app-topbar__subtitle,.app-topbar__actions .secondary,.app-topbar__actions>button:not(.secondary){display:none}.app-content{padding:12px}.app-content__inner{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-tabbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:24;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;background:var(--topbar-bg);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-lg) + 4px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 16px 40px var(--shadow-color)}.mobile-tabbar a,.mobile-tabbar button{display:grid;place-items:center;padding:8px 4px;color:var(--text-secondary);background:transparent;border:0;box-shadow:none;font-size:12px}.mobile-tabbar a.router-link-active,.mobile-tabbar button.is-active{color:var(--accent);background:color-mix(in srgb,var(--card-bg) 88%,transparent);border-radius:var(--radius-lg)}.mobile-tabbar:not(.is-admin){grid-template-columns:repeat(3,minmax(0,1fr))}.table-panel{overflow:visible}.table thead,.compact-table thead{display:none}.table tbody,.table tr,.table td,.compact-table tbody,.compact-table tr,.compact-table td{display:block;width:100%}.table tr,.compact-table tr{margin-bottom:12px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-bg) 96%,transparent)}.table td,.compact-table td{padding:8px 0;border-bottom:0}.code-row,.theme-input-row{grid-template-columns:1fr}}:root,:root[data-theme=spotify-dark]{--app-bg: #121212;--sidebar-bg: #0b0b0b;--topbar-bg: rgba(0, 0, 0, .6);--card-bg: #1f1f1f;--card-hover-bg: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: rgba(255, 255, 255, .6);--border-subtle: rgba(255, 255, 255, .06);--accent: #1db954;--accent-hover: #1ed760;--glass-blur: 16px;--shadow-color: rgba(0, 0, 0, .35);--table-header: rgba(255, 255, 255, .04);--danger-color: #ff6b6b;--warning-color: #f7c948;--success-bg: rgba(29, 185, 84, .14);--danger-bg: rgba(255, 107, 107, .14);--app-bg-accent: radial-gradient(circle at top left, rgba(29, 185, 84, .18), transparent 28%), radial-gradient(circle at top right, rgba(255, 255, 255, .05), transparent 18%), linear-gradient(180deg, #161616 0%, #101010 100%);--scrollbar-thumb: rgba(255, 255, 255, .14);--scrollbar-track: transparent;--button-text: #08140b;--radius-lg: 18px}:root[data-theme=apple-glass]{--app-bg: #101010;--sidebar-bg: rgba(0, 0, 0, .45);--topbar-bg: rgba(0, 0, 0, .45);--card-bg: rgba(255, 255, 255, .06);--card-hover-bg: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .55);--border-subtle: rgba(255, 255, 255, .08);--accent: #0a84ff;--accent-hover: #409cff;--glass-blur: 20px;--shadow-color: rgba(0, 0, 0, .28);--table-header: rgba(255, 255, 255, .04);--danger-color: #ff7b8a;--warning-color: #ffd166;--success-bg: rgba(10, 132, 255, .14);--danger-bg: rgba(255, 123, 138, .14);--app-bg-accent: radial-gradient(circle at top left, rgba(64, 156, 255, .2), transparent 24%), radial-gradient(circle at bottom right, rgba(255, 255, 255, .06), transparent 22%), linear-gradient(180deg, #141414 0%, #0d0d0d 100%);--scrollbar-thumb: rgba(255, 255, 255, .16);--scrollbar-track: transparent;--button-text: #ecf5ff;--radius-lg: 18px}:root[data-theme=oled-black]{--app-bg: #000000;--sidebar-bg: #050505;--topbar-bg: rgba(0, 0, 0, .72);--card-bg: #0f0f0f;--card-hover-bg: #181818;--text-primary: #ffffff;--text-secondary: #999999;--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .05);--accent: #8b5cf6;--accent-hover: #a78bfa;--glass-blur: 16px;--shadow-color: rgba(0, 0, 0, .42);--table-header: rgba(255, 255, 255, .03);--danger-color: #ff6b81;--warning-color: #facc15;--success-bg: rgba(139, 92, 246, .14);--danger-bg: rgba(255, 107, 129, .14);--app-bg-accent: radial-gradient(circle at top left, rgba(139, 92, 246, .16), transparent 24%), linear-gradient(180deg, #050505 0%, #000000 100%);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-track: transparent;--button-text: #f5f3ff;--radius-lg: 18px}:root[data-theme=linear-saas]{--app-bg: #08090a;--sidebar-bg: #0d0e10;--topbar-bg: rgba(8, 9, 10, .72);--card-bg: #111214;--card-hover-bg: #181a1d;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: rgba(255, 255, 255, .52);--border-subtle: rgba(255, 255, 255, .06);--accent: #5e6ad2;--accent-hover: #7c83e6;--glass-blur: 16px;--shadow-color: rgba(0, 0, 0, .34);--table-header: rgba(255, 255, 255, .04);--danger-color: #fb7185;--warning-color: #fbbf24;--success-bg: rgba(94, 106, 210, .16);--danger-bg: rgba(251, 113, 133, .14);--app-bg-accent: radial-gradient(circle at top left, rgba(94, 106, 210, .18), transparent 24%), linear-gradient(180deg, #0c0d10 0%, #08090a 100%);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-track: transparent;--button-text: #eff1ff;--radius-lg: 18px}:root[data-theme=plex-cinema]{--app-bg: #1a1a1a;--sidebar-bg: #111111;--topbar-bg: rgba(17, 17, 17, .7);--card-bg: #232323;--card-hover-bg: #2e2e2e;--text-primary: #ffffff;--text-secondary: #c0c0c0;--text-muted: rgba(255, 255, 255, .58);--border-subtle: rgba(255, 255, 255, .06);--accent: #e5a00d;--accent-hover: #f5b82e;--glass-blur: 16px;--shadow-color: rgba(0, 0, 0, .32);--table-header: rgba(255, 255, 255, .04);--danger-color: #ff8066;--warning-color: #f5b82e;--success-bg: rgba(229, 160, 13, .16);--danger-bg: rgba(255, 128, 102, .14);--app-bg-accent: radial-gradient(circle at top left, rgba(229, 160, 13, .18), transparent 26%), linear-gradient(180deg, #201d18 0%, #171717 100%);--scrollbar-thumb: rgba(255, 255, 255, .14);--scrollbar-track: transparent;--button-text: #1f1600;--radius-lg: 18px}:root[data-theme=catppuccin-mocha]{--app-bg: #1e1e2e;--sidebar-bg: #181825;--topbar-bg: rgba(24, 24, 37, .72);--card-bg: #313244;--card-hover-bg: #3b3c50;--text-primary: #cdd6f4;--text-secondary: #bac2de;--text-muted: rgba(205, 214, 244, .58);--border-subtle: rgba(205, 214, 244, .08);--accent: #cba6f7;--accent-hover: #ddb6f2;--glass-blur: 16px;--shadow-color: rgba(0, 0, 0, .28);--table-header: rgba(205, 214, 244, .04);--danger-color: #f38ba8;--warning-color: #f9e2af;--success-bg: rgba(203, 166, 247, .16);--danger-bg: rgba(243, 139, 168, .16);--app-bg-accent: radial-gradient(circle at top left, rgba(203, 166, 247, .18), transparent 26%), linear-gradient(180deg, #262638 0%, #1b1b2b 100%);--scrollbar-thumb: rgba(205, 214, 244, .18);--scrollbar-track: transparent;--button-text: #1e1e2e;--radius-lg: 18px}:root[data-theme=apple-light]{--app-bg: #F5F5F7;--sidebar-bg: rgba(255,255,255,.72);--topbar-bg: rgba(255,255,255,.72);--card-bg: #FFFFFF;--card-hover-bg: #F2F2F4;--text-primary: #111111;--text-secondary: #555555;--text-muted: rgba(0,0,0,.52);--border-subtle: rgba(0,0,0,.08);--accent: #007AFF;--accent-hover: #0A84FF;--glass-blur: 20px;--radius-lg: 18px;--shadow-color: rgba(15, 23, 42, .08);--table-header: rgba(0, 0, 0, .03);--danger-color: #e11d48;--warning-color: #d97706;--success-bg: rgba(0,122,255,.12);--danger-bg: rgba(225,29,72,.12);--app-bg-accent: radial-gradient(circle at top left, rgba(0,122,255,.08), transparent 24%), linear-gradient(180deg, #fafafc 0%, #f2f2f5 100%);--scrollbar-thumb: rgba(0,0,0,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=soft-white]{--app-bg: #FAFAFA;--sidebar-bg: #FFFFFF;--topbar-bg: rgba(255,255,255,.86);--card-bg: #FFFFFF;--card-hover-bg: #F6F6F6;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #71717A;--border-subtle: #E4E4E7;--accent: #2563EB;--accent-hover: #1D4ED8;--glass-blur: 16px;--radius-lg: 18px;--shadow-color: rgba(15, 23, 42, .06);--table-header: rgba(24,24,27,.03);--danger-color: #dc2626;--warning-color: #d97706;--success-bg: rgba(37,99,235,.12);--danger-bg: rgba(220,38,38,.1);--app-bg-accent: radial-gradient(circle at top left, rgba(37,99,235,.06), transparent 24%), linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%);--scrollbar-thumb: rgba(24,24,27,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=warm-paper]{--app-bg: #F7F3EA;--sidebar-bg: rgba(255,250,240,.8);--topbar-bg: rgba(255,250,240,.8);--card-bg: #FFFDF7;--card-hover-bg: #F2EBDD;--text-primary: #1F1B16;--text-secondary: #6B6258;--text-muted: rgba(31,27,22,.55);--border-subtle: rgba(80,70,55,.12);--accent: #B7791F;--accent-hover: #D69E2E;--glass-blur: 16px;--radius-lg: 18px;--shadow-color: rgba(67, 56, 40, .08);--table-header: rgba(80,70,55,.04);--danger-color: #c2410c;--warning-color: #b7791f;--success-bg: rgba(183,121,31,.12);--danger-bg: rgba(194,65,12,.1);--app-bg-accent: radial-gradient(circle at top left, rgba(183,121,31,.07), transparent 24%), linear-gradient(180deg, #fbf7ef 0%, #f3ecdf 100%);--scrollbar-thumb: rgba(31,27,22,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=mint-fresh]{--app-bg: #F3FBF7;--sidebar-bg: rgba(255,255,255,.82);--topbar-bg: rgba(255,255,255,.82);--card-bg: #FFFFFF;--card-hover-bg: #ECFDF5;--text-primary: #102018;--text-secondary: #4B6357;--text-muted: rgba(16,32,24,.55);--border-subtle: rgba(16,185,129,.16);--accent: #10B981;--accent-hover: #059669;--glass-blur: 16px;--radius-lg: 18px;--shadow-color: rgba(6, 95, 70, .08);--table-header: rgba(16,185,129,.05);--danger-color: #dc2626;--warning-color: #ca8a04;--success-bg: rgba(16,185,129,.12);--danger-bg: rgba(220,38,38,.1);--app-bg-accent: radial-gradient(circle at top left, rgba(16,185,129,.08), transparent 24%), linear-gradient(180deg, #fcfffd 0%, #edf9f3 100%);--scrollbar-thumb: rgba(16,32,24,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=sky-breeze]{--app-bg: #F4F9FF;--sidebar-bg: rgba(255,255,255,.88);--topbar-bg: rgba(255,255,255,.88);--card-bg: #FFFFFF;--card-hover-bg: #EDF5FF;--text-primary: #132238;--text-secondary: #52657E;--text-muted: rgba(19,34,56,.56);--border-subtle: rgba(15,108,189,.16);--accent: #0F6CBD;--accent-hover: #115EA3;--glass-blur: 18px;--radius-lg: 18px;--shadow-color: rgba(15, 108, 189, .08);--table-header: rgba(15,108,189,.04);--danger-color: #d13438;--warning-color: #b98900;--success-bg: rgba(15,108,189,.12);--danger-bg: rgba(209,52,56,.1);--app-bg-accent: radial-gradient(circle at top left, rgba(15,108,189,.1), transparent 24%), linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);--scrollbar-thumb: rgba(19,34,56,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=rose-milk]{--app-bg: #FFF7F8;--sidebar-bg: rgba(255,255,255,.88);--topbar-bg: rgba(255,255,255,.88);--card-bg: #FFFFFF;--card-hover-bg: #FFF0F3;--text-primary: #2E1820;--text-secondary: #6E4B59;--text-muted: rgba(46,24,32,.56);--border-subtle: rgba(209,77,114,.15);--accent: #D14D72;--accent-hover: #B83B5E;--glass-blur: 18px;--radius-lg: 18px;--shadow-color: rgba(209, 77, 114, .08);--table-header: rgba(209,77,114,.04);--danger-color: #be123c;--warning-color: #c26a00;--success-bg: rgba(209,77,114,.12);--danger-bg: rgba(190,18,60,.1);--app-bg-accent: radial-gradient(circle at top left, rgba(209,77,114,.1), transparent 24%), linear-gradient(180deg, #fffdfd 0%, #fff0f4 100%);--scrollbar-thumb: rgba(46,24,32,.14);--scrollbar-track: transparent;--button-text: #ffffff}:root[data-theme=custom]{--app-bg: var(--custom-app-bg, #121212);--sidebar-bg: var(--custom-sidebar-bg, rgba(0,0,0,.72));--topbar-bg: var(--custom-topbar-bg, rgba(0,0,0,.72));--card-bg: var(--custom-card-bg, #1F1F1F);--card-hover-bg: var(--custom-card-hover-bg, #2A2A2A);--text-primary: var(--custom-text-primary, #FFFFFF);--text-secondary: var(--custom-text-secondary, #B3B3B3);--text-muted: var(--custom-text-muted, rgba(255,255,255,.6));--border-subtle: var(--custom-border-subtle, rgba(255,255,255,.08));--accent: var(--custom-accent, #1DB954);--accent-hover: var(--custom-accent-hover, #1ED760);--glass-blur: var(--custom-glass-blur, 16px);--radius-lg: var(--custom-radius-lg, 18px);--shadow-color: rgba(0, 0, 0, .24);--table-header: color-mix(in srgb, var(--card-bg) 92%, var(--border-subtle));--danger-color: #ff6b6b;--warning-color: #f7c948;--success-bg: color-mix(in srgb, var(--accent) 14%, transparent);--danger-bg: rgba(255, 107, 107, .14);--app-bg-accent: radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 10%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--app-bg) 94%, white 2%), var(--app-bg) 100%);--scrollbar-thumb: color-mix(in srgb, var(--text-primary) 18%, transparent);--scrollbar-track: transparent;--button-text: #ffffff}:root{--card-strong-bg: color-mix(in srgb, var(--card-bg) 82%, white 8%);--border-strong: color-mix(in srgb, var(--border-subtle) 78%, white 18%);--brand-green: var(--accent);--brand-green-soft: color-mix(in srgb, var(--accent) 18%, transparent);--glass-bg: var(--topbar-bg);--glass-border: var(--border-subtle);--bg-color: var(--app-bg);--bg-accent: var(--app-bg-accent);--text-color: var(--text-primary);--muted-text: var(--text-secondary);--primary-color: var(--accent);--primary-soft: color-mix(in srgb, var(--accent) 18%, transparent);--border-color: var(--border-subtle);--sidebar-text: var(--text-primary);--sidebar-muted: var(--text-secondary);--button-bg: var(--accent);--button-secondary: color-mix(in srgb, var(--card-bg) 84%, transparent)}html,body,#app,.app-shell,.app-main,.auth-page{min-height:100dvh}body{overscroll-behavior-y:none}#app{height:100dvh}button,input,select,textarea{min-height:44px}.app-shell,.app-main,.app-content,.auth-page{padding-bottom:env(safe-area-inset-bottom)}.app-content,.auth-page{overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.app-content{overflow-x:clip}.app-shell{width:100%}.panel,.card,.data-card,.vip-plan-card,.theme-card{overflow-wrap:anywhere}.app-sidebar__nav a:hover,.app-sidebar__nav a.router-link-active{background:color-mix(in srgb,var(--card-hover-bg) 90%,transparent);border-color:var(--border-subtle)}.app-sidebar__footer,.data-card,.vip-plan-card,.admin-store-item,.status-pill,.data-card__tag{background:color-mix(in srgb,var(--card-bg) 94%,transparent);border-color:var(--border-subtle)}.data-card.is-highlight,.vip-plan-card.is-recommended{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-subtle));box-shadow:0 20px 48px color-mix(in srgb,var(--accent) 12%,transparent)}.data-card.is-highlight{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--card-bg)),var(--card-bg))}.vip-plan-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 96%,white 2%),var(--card-bg))}.vip-plan-card:hover{background:linear-gradient(180deg,var(--card-hover-bg),var(--card-bg));border-color:color-mix(in srgb,var(--accent) 14%,var(--border-subtle))}.vip-plan-card.is-permanent{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 26%,#ffd166 44%),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 84%,var(--accent) 10%),var(--card-bg));border-color:color-mix(in srgb,var(--accent) 30%,var(--border-subtle))}.vip-plan-card__badge,.status-pill.is-active{background:color-mix(in srgb,var(--accent) 16%,transparent)}.theme-card:hover{background:var(--card-hover-bg)}.theme-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px}.theme-input-row{grid-template-columns:44px 56px minmax(0,1fr)}.theme-swatch-button{min-height:44px;padding:0;border-radius:14px;border:1px solid var(--border-subtle);box-shadow:none}.theme-preview-card{display:grid;align-content:start;gap:16px}.theme-preview-card__shell{--preview-shadow: color-mix(in srgb, var(--preview-accent) 12%, transparent);display:grid;gap:14px;padding:16px;border-radius:var(--preview-radius);background:linear-gradient(180deg,var(--preview-app-bg),color-mix(in srgb,var(--preview-app-bg) 92%,white 4%));border:1px solid var(--preview-border);box-shadow:0 22px 44px var(--preview-shadow)}.theme-preview-card__topbar,.theme-preview-card__headline,.theme-preview-card__body,.theme-preview-card__tiles{display:grid;gap:12px}.theme-preview-card__topbar{grid-template-columns:24px 1fr 24px;align-items:center;padding:10px 12px;border-radius:var(--preview-radius);background:var(--preview-topbar-bg);-webkit-backdrop-filter:blur(var(--preview-blur));backdrop-filter:blur(var(--preview-blur));color:var(--preview-text-primary)}.theme-preview-card__body{grid-template-columns:100px minmax(0,1fr)}.theme-preview-card__sidebar,.theme-preview-card__headline,.theme-preview-card__tiles>div{padding:12px;border-radius:var(--preview-radius);border:1px solid var(--preview-border)}.theme-preview-card__sidebar{display:grid;gap:10px;align-content:start;background:var(--preview-sidebar-bg);-webkit-backdrop-filter:blur(var(--preview-blur));backdrop-filter:blur(var(--preview-blur));color:var(--preview-text-secondary)}.theme-preview-card__content,.theme-preview-card__tiles{display:grid;gap:12px}.theme-preview-card__headline,.theme-preview-card__tiles>div{background:var(--preview-card-bg);color:var(--preview-text-primary)}.theme-preview-card__headline{grid-template-columns:1fr auto;align-items:center}.theme-preview-card__headline button{min-height:36px;padding:8px 12px;background:var(--preview-accent);color:#fff;box-shadow:none}.theme-preview-card__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-preview-card__tiles>div:nth-child(2){background:var(--preview-card-hover-bg)}.form-message{margin:0;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--card-bg) 94%,transparent);color:var(--text-secondary)}.form-message.is-error{border-color:color-mix(in srgb,var(--danger-color) 24%,var(--border-subtle));background:color-mix(in srgb,var(--danger-bg) 64%,var(--card-bg));color:var(--text-primary)}.auth-page{align-items:center}.auth-panel{margin:auto}.auth-submit-footer{display:grid;gap:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.mobile-player{display:none}@media(hover:none){button:hover,.vip-plan-card:hover,.theme-card:hover,.app-sidebar__nav a:hover{transform:none}.vip-plan-card:active,.theme-card:active,.mobile-tabbar a:active,.mobile-tabbar button:active{background:var(--card-hover-bg)}}@media(max-width:1024px){.theme-editor-layout,.theme-preview-card__body{grid-template-columns:1fr}}@media(max-width:768px){body,#app,.app-shell,.app-main{width:100%;overflow-x:hidden}.app-topbar{padding-top:max(12px,env(safe-area-inset-top))}.app-topbar__left{min-width:0}.app-topbar__title{font-size:17px}.app-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-content__inner{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.auth-page{place-items:stretch;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.auth-panel{max-width:100%;min-height:calc(100dvh - 32px - env(safe-area-inset-bottom));display:grid;align-content:center}.auth-actions,.code-row,.theme-input-row,.theme-preview-card__tiles{grid-template-columns:1fr}.code-row{align-items:stretch}.code-row>button,.code-row>.secondary{width:100%}.store-summary,.stats-grid,.dashboard-grid,.library-grid{grid-template-columns:1fr}.vip-plan-card{min-height:0;grid-template-rows:auto auto auto 1fr auto}.vip-plan-card button{margin-top:auto}.dialog-card{width:100%;margin-bottom:env(safe-area-inset-bottom)}.dialog-actions button{width:100%}.table tr,.compact-table tr{display:grid;gap:8px}.table td,.compact-table td{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1fr);gap:12px;align-items:start}.table td:before,.compact-table td:before{content:attr(data-label);color:var(--text-muted);font-size:12px}.table td[colspan],.compact-table td[colspan]{display:block}.table td[colspan]:before,.compact-table td[colspan]:before{display:none}.mobile-tabbar{bottom:calc(12px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}