:root{color-scheme:light;--accent: #EC4141;--accent-hover: #d83a3a;--accent-soft: rgba(236, 65, 65, .1);--accent-ring: rgba(236, 65, 65, .22);--text: #1f2937;--text-light: #4b5563;--text-muted: #9ca3af;--text-soft: #b6bbc6;--track: #eef0f4;--card: rgba(255, 255, 255, .86);--card-solid: #ffffff;--white: #ffffff;--border: rgba(31, 41, 55, .08);--page-bg: radial-gradient(circle at 18% 10%, rgba(236, 65, 65, .11), transparent 28%), radial-gradient(circle at 82% 4%, rgba(255, 140, 140, .13), transparent 26%), linear-gradient(135deg, #fff8f8 0%, #f7f8fb 42%, #f4f5f8 100%);--sidebar-bg: rgba(255, 255, 255, .78);--sidebar-border: rgba(255, 255, 255, .72);--topbar-bg: rgba(255, 255, 255, .62);--control-bg: rgba(255,255,255,.78);--submenu-bg: rgba(255,255,255,.5);--table-border: rgba(15,23,42,.055);--table-head-bg: rgba(236, 65, 65, .045);--table-row-hover: rgba(236, 65, 65, .035);--empty-bg: rgba(255,255,255,.55);--empty-border: rgba(15,23,42,.12);--sidebar-w: 244px;--radius-lg: 18px;--radius-md: 14px;--shadow-card: 0 18px 48px rgba(15, 23, 42, .08);--shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);--motion: cubic-bezier(.16, 1, .3, 1)}html[data-theme=dark]{color-scheme:dark;--accent: #ff5a5a;--accent-hover: #ff7070;--accent-soft: rgba(255, 90, 90, .14);--accent-ring: rgba(255, 90, 90, .28);--text: #f4f6fb;--text-light: #c9ced8;--text-muted: #8f97a8;--text-soft: #687083;--track: #2a2f3a;--card: rgba(24, 28, 38, .78);--card-solid: #191d27;--white: #f8fafc;--border: rgba(255, 255, 255, .1);--page-bg: radial-gradient(circle at 18% 10%, rgba(236, 65, 65, .2), transparent 30%), radial-gradient(circle at 88% 4%, rgba(127, 29, 29, .22), transparent 30%), linear-gradient(135deg, #10131a 0%, #151923 48%, #0d1017 100%);--sidebar-bg: rgba(18, 21, 30, .78);--sidebar-border: rgba(255, 255, 255, .08);--topbar-bg: rgba(20, 24, 34, .66);--control-bg: rgba(255,255,255,.06);--submenu-bg: rgba(255,255,255,.045);--table-border: rgba(255,255,255,.07);--table-head-bg: rgba(255, 90, 90, .08);--table-row-hover: rgba(255, 90, 90, .07);--empty-bg: rgba(255,255,255,.045);--empty-border: rgba(255,255,255,.12);--shadow-card: 0 18px 48px rgba(0, 0, 0, .32);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .24)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Helvetica Neue,sans-serif;min-height:100vh;color:var(--text);background:var(--page-bg)}button,input,textarea,select{font-family:inherit}::selection{background:#ec41412e}.required:after{content:" *";color:#dc2626;font-weight:800}.layout{display:flex;min-height:100vh;animation:pageFadeIn .42s var(--motion) both}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a5c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;opacity:0;transition:opacity .24s var(--motion)}.overlay.show{display:block;opacity:1}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:18px 12px;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:100;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:10px 0 36px #0f172a0d}.sidebar-title{padding:8px 12px 18px;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text);display:flex;align-items:center;gap:10px}.sidebar-title svg{flex-shrink:0;stroke:var(--accent);filter:drop-shadow(0 6px 12px rgba(236,65,65,.16))}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:4px}.sidebar-menu>li>a,.sidebar-menu>li>.menu-header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:var(--text-light);text-decoration:none;font-size:14px;transition:transform .2s var(--motion),background .2s,color .2s,box-shadow .2s;border-left:0;border-radius:12px;cursor:pointer;position:relative}.sidebar-menu>li>a:hover,.sidebar-menu>li>a.router-link-active,.sidebar-menu>li>.menu-header:hover{background:#ec414117;color:var(--accent);transform:translate(3px);box-shadow:inset 0 0 0 1px #ec414114}.sidebar-menu>li>a.router-link-active{background:var(--accent);color:var(--white);box-shadow:0 10px 22px #ec414138}.menu-icon{margin-right:9px;display:inline-flex;align-items:center;flex-shrink:0}.menu-label{display:inline-flex;align-items:center}.menu-arrow{font-size:10px;transition:transform .24s var(--motion);opacity:.55}.submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height .28s var(--motion),opacity .22s;background:var(--submenu-bg);border-radius:12px;opacity:0}.submenu.open{max-height:500px}.submenu.open{opacity:1;margin:4px 0}.submenu li a{display:flex;align-items:center;padding:9px 12px 9px 44px;color:var(--text-muted);text-decoration:none;font-size:13px;transition:transform .2s var(--motion),background .2s,color .2s;border-left:0;border-radius:10px}.submenu li a:hover,.submenu li a.router-link-active{background:var(--accent-soft);color:var(--accent);transform:translate(3px)}.main{flex:1;padding:28px;overflow-y:auto;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 16px;background:var(--topbar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.topbar-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--control-bg);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}.topbar h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.topbar-right{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--text-light)}.logout-btn{padding:8px 16px;border-radius:12px;border:1px solid rgba(236,65,65,.16);cursor:pointer;font-size:13px;font-weight:500;background:#ec414114;color:var(--accent);transition:transform .2s var(--motion),background .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px}.logout-btn:hover{background:#ec41411f;box-shadow:0 8px 18px #ec41411f;transform:translateY(-1px)}.btn{padding:8px 16px;border-radius:12px;border:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:500;transition:transform .2s var(--motion),background .2s,border-color .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px;background:var(--control-bg);color:var(--text)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 10px 22px #ec414138}.btn-sm{padding:6px 12px;font-size:12px;border-radius:10px}.btn-danger{background:var(--control-bg);color:#dc2626;border-color:var(--border)}.btn-danger:hover{background:#fff5f5;border-color:#f0b8b8}.btn-success{background:var(--control-bg);color:#16a34a;border-color:var(--border)}.btn-success:hover{background:#f0faf3;border-color:#b8e0c8}.card{background:var(--card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);margin-bottom:20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:riseIn .38s var(--motion) both}.card h3{font-size:15px;font-weight:800;margin-bottom:16px;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);transition:transform .28s var(--motion),box-shadow .28s,border-color .2s;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:riseIn .42s var(--motion) both}.stat-card:hover{border-color:#ec414138;transform:translateY(-4px);box-shadow:var(--shadow-card)}.stat-card .label{font-size:12px;color:var(--text-light);margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700;color:var(--accent)}.stat-card .sub{font-size:11px;color:var(--text-muted);margin-top:6px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;overflow:hidden}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--table-border)}th{background:var(--table-head-bg);font-weight:700;color:var(--text-light);font-size:12px}tbody tr{transition:background .18s,transform .18s}tbody tr:hover{background:var(--table-row-hover)}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge-success{background:#f0faf3;color:#1a7a3a}.badge-error{background:#fff5f5;color:#c00}.badge-info{background:#f0f5ff;color:#1a4a8a}.badge-warning{background:#fffdf0;color:#b8860b}.toast{position:fixed;top:20px;right:20px;z-index:9999;padding:12px 20px;border-radius:14px;font-size:13px;color:var(--white);transition:opacity .3s,transform .3s var(--motion);box-shadow:0 16px 36px #0f172a2e;animation:toastIn .28s var(--motion) both}.toast.error{background:#dc2626}.toast.success{background:#16a34a}html[data-theme=dark] .btn-danger:hover{background:#dc26261f;border-color:#dc26263d}html[data-theme=dark] .btn-success:hover{background:#16a34a1f;border-color:#16a34a3d}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--control-bg)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-soft)!important}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}html[data-theme=dark] .card,html[data-theme=dark] [class$=-card],html[data-theme=dark] [class*="-card "],html[data-theme=dark] .stat-card,html[data-theme=dark] .config-card,html[data-theme=dark] .ann-card,html[data-theme=dark] .section-card,html[data-theme=dark] .section-block,html[data-theme=dark] .admin-card,html[data-theme=dark] .bind-card,html[data-theme=dark] .stat-chip,html[data-theme=dark] .limit-card,html[data-theme=dark] .account-limit-card,html[data-theme=dark] .wp-card,html[data-theme=dark] .avatar-card,html[data-theme=dark] .smtp-account-card,html[data-theme=dark] .mobile-card,html[data-theme=dark] .mobile-item,html[data-theme=dark] .mobile-stat,html[data-theme=dark] .modal-dialog,html[data-theme=dark] .modal,html[data-theme=dark] .modal-content,html[data-theme=dark] .popup,html[data-theme=dark] .drawer,html[data-theme=dark] .sheet,html[data-theme=dark] .login-container{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] [class$=-panel],html[data-theme=dark] [class*="-panel "],html[data-theme=dark] [class$=-box],html[data-theme=dark] [class*="-box "],html[data-theme=dark] [class$=-bar],html[data-theme=dark] [class*="-bar "],html[data-theme=dark] .page-header,html[data-theme=dark] .list-header,html[data-theme=dark] .section-header,html[data-theme=dark] .param-bar,html[data-theme=dark] .summary-card,html[data-theme=dark] .upload-zone,html[data-theme=dark] .mobile-upload,html[data-theme=dark] .filter-box,html[data-theme=dark] .search-box,html[data-theme=dark] .provider-option,html[data-theme=dark] .type-option,html[data-theme=dark] .filter-pill,html[data-theme=dark] .thumb-wrap,html[data-theme=dark] .wp-category,html[data-theme=dark] .account-limit-item,html[data-theme=dark] .empty-pool{background:var(--control-bg)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .provider-option:hover,html[data-theme=dark] .type-option:hover,html[data-theme=dark] .filter-pill:hover{border-color:var(--accent)!important}html[data-theme=dark] .provider-option.active,html[data-theme=dark] .filter-pill.active{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}html[data-theme=dark] .filter-pill.active .pill-count{background:#ffffff29!important;color:#fff!important}html[data-theme=dark] .modal-backdrop,html[data-theme=dark] .modal-overlay,html[data-theme=dark] .overlay,html[data-theme=dark] .mask{background:#00000094!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=dark] .card-footer,html[data-theme=dark] .card-header,html[data-theme=dark] .modal-head,html[data-theme=dark] .modal-header,html[data-theme=dark] .modal-foot,html[data-theme=dark] .modal-footer,html[data-theme=dark] .table-foot,html[data-theme=dark] .table-wrap,html[data-theme=dark] .table-wrapper{border-color:var(--border)!important}html[data-theme=dark] .card-title,html[data-theme=dark] .page-title,html[data-theme=dark] .empty-title,html[data-theme=dark] .modal-head h3,html[data-theme=dark] .modal-title,html[data-theme=dark] .mobile-card-title,html[data-theme=dark] .mobile-item-title,html[data-theme=dark] .section-title{color:var(--text)!important}html[data-theme=dark] .card-content,html[data-theme=dark] .page-desc,html[data-theme=dark] .empty-sub,html[data-theme=dark] .mobile-muted,html[data-theme=dark] .mobile-item-sub,html[data-theme=dark] .meta,html[data-theme=dark] .desc,html[data-theme=dark] .field label{color:var(--text-light)!important}html[data-theme=dark] .modal-body,html[data-theme=dark] .modal-form,html[data-theme=dark] .form-card,html[data-theme=dark] .form-panel,html[data-theme=dark] .reply-target-info,html[data-theme=dark] .info-row,html[data-theme=dark] .detail-row,html[data-theme=dark] .nick-row,html[data-theme=dark] .avatar-card,html[data-theme=dark] .backup-row,html[data-theme=dark] .row-data,html[data-theme=dark] .table-row,html[data-theme=dark] .limit-row,html[data-theme=dark] .account-limit-item,html[data-theme=dark] .detail-card,html[data-theme=dark] .preview-card,html[data-theme=dark] .state-box,html[data-theme=dark] .empty,html[data-theme=dark] .mobile-empty{background:transparent!important;border-color:var(--border)!important;color:var(--text-light)!important}html[data-theme=dark] .state-box,html[data-theme=dark] .empty,html[data-theme=dark] .mobile-empty{background:var(--empty-bg)!important;border-color:var(--empty-border)!important;color:var(--text-muted)!important}html[data-theme=dark] .row-data.is-failed,html[data-theme=dark] .table-row.is-failed,html[data-theme=dark] .data-table tbody tr.row-failed{background:#ff5a5a14!important}html[data-theme=dark] .row-data:hover,html[data-theme=dark] .table-row:hover,html[data-theme=dark] .nick-row:hover,html[data-theme=dark] .avatar-card:hover{background:var(--table-row-hover)!important;border-color:var(--border)!important}html[data-theme=dark] .modal-close,html[data-theme=dark] .close-btn,html[data-theme=dark] .btn-cancel,html[data-theme=dark] .action-btn,html[data-theme=dark] .icon-action,html[data-theme=dark] .page-action,html[data-theme=dark] .btn-refresh,html[data-theme=dark] .btn-limit-refresh,html[data-theme=dark] .btn-add-account,html[data-theme=dark] .btn-remove-account,html[data-theme=dark] .btn-test,html[data-theme=dark] .btn-outline,html[data-theme=dark] .tab-btn,html[data-theme=dark] .filter-btn,html[data-theme=dark] .overlay-btn,html[data-theme=dark] .pagination button,html[data-theme=dark] .mobile-btn{background:var(--control-bg)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .modal-close:hover,html[data-theme=dark] .close-btn:hover,html[data-theme=dark] .btn-cancel:hover,html[data-theme=dark] .action-btn:hover,html[data-theme=dark] .icon-action:hover,html[data-theme=dark] .page-action:hover,html[data-theme=dark] .btn-refresh:hover,html[data-theme=dark] .btn-limit-refresh:hover,html[data-theme=dark] .btn-add-account:hover,html[data-theme=dark] .btn-remove-account:hover,html[data-theme=dark] .btn-test:hover,html[data-theme=dark] .btn-outline:hover,html[data-theme=dark] .tab-btn:hover,html[data-theme=dark] .filter-btn:hover,html[data-theme=dark] .overlay-btn:hover,html[data-theme=dark] .pagination button:hover,html[data-theme=dark] .mobile-btn:hover{background:#ffffff1a!important;border-color:var(--border)!important}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-save,html[data-theme=dark] .btn-add,html[data-theme=dark] .btn-limit-save,html[data-theme=dark] .mobile-btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}html[data-theme=dark] .btn-danger,html[data-theme=dark] .mobile-btn.danger{background:#ff5a5a1f!important;border-color:#ff5a5a3d!important;color:var(--accent)!important}html[data-theme=dark] table,html[data-theme=dark] .data-table{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] th,html[data-theme=dark] .data-table th{background:var(--table-head-bg)!important;color:var(--text-light)!important;border-color:var(--table-border)!important}html[data-theme=dark] td,html[data-theme=dark] .data-table td{border-color:var(--table-border)!important}html[data-theme=dark] tbody tr:hover,html[data-theme=dark] .data-table tbody tr:hover,html[data-theme=dark] .data-table tr:hover td{background:var(--table-row-hover)!important}html[data-theme=dark] pre,html[data-theme=dark] code,html[data-theme=dark] .sql-pre,html[data-theme=dark] .log-content,html[data-theme=dark] .json-box,html[data-theme=dark] .mobile-code{background:#ffffff0e!important;border-color:var(--border)!important;color:var(--text-light)!important}html[data-theme=dark] .badge,html[data-theme=dark] .mobile-badge{background:var(--accent-soft)!important;color:var(--accent)!important}html[data-theme=dark] .badge-success,html[data-theme=dark] .badge.green,html[data-theme=dark] .mobile-badge.green{background:#22c55e24!important;color:#4ade80!important}html[data-theme=dark] .badge-error,html[data-theme=dark] .badge.red,html[data-theme=dark] .mobile-badge.red{background:#ff5a5a24!important;color:var(--accent)!important}html[data-theme=dark] .badge-warning,html[data-theme=dark] .badge-super,html[data-theme=dark] .status-unbound{background:#f59e0b24!important;color:#fbbf24!important}html[data-theme=dark] .badge-info,html[data-theme=dark] .badge-admin{background:#3b82f624!important;color:#60a5fa!important}html[data-theme=dark] .pending-badge,html[data-theme=dark] .section-count{background:#f59e0b24!important;color:#fbbf24!important}html[data-theme=dark] .type-option.active{border-color:transparent!important;font-weight:700}html[data-theme=dark] .pick-info.active{background:#3b82f624!important;color:#60a5fa!important}html[data-theme=dark] .pick-warning.active{background:#f59e0b24!important;color:#fbbf24!important}html[data-theme=dark] .pick-update.active,html[data-theme=dark] .pick-enable.active{background:#10b98124!important;color:#34d399!important}html[data-theme=dark] .pick-disable.active{background:#94a3b824!important;color:#cbd5e1!important}html[data-theme=dark] .pick-dot{background:#ffffff38!important}html[data-theme=dark] .pick-info.active .pick-dot{background:#60a5fa!important}html[data-theme=dark] .pick-warning.active .pick-dot{background:#fbbf24!important}html[data-theme=dark] .pick-update.active .pick-dot,html[data-theme=dark] .pick-enable.active .pick-dot{background:#34d399!important}html[data-theme=dark] .pick-disable.active .pick-dot{background:#cbd5e1!important}html[data-theme=dark] [class^=tag-],html[data-theme=dark] [class*=" tag-"],html[data-theme=dark] [class^=label-],html[data-theme=dark] [class*=" label-"]{background:var(--control-bg)!important;border-color:var(--border)!important;color:var(--text-light)!important}html[data-theme=dark] .tag-green,html[data-theme=dark] .status-bound{background:#22c55e24!important;color:#4ade80!important}html[data-theme=dark] .tag-blue,html[data-theme=dark] .label-new{background:#3b82f624!important;color:#60a5fa!important}html[data-theme=dark] .tag-orange{background:#f9731624!important;color:#fb923c!important}html[data-theme=dark] .icon-user,html[data-theme=dark] .icon-role,html[data-theme=dark] .icon-mail,html[data-theme=dark] .icon-ip,html[data-theme=dark] .icon-op,html[data-theme=dark] .icon-time,html[data-theme=dark] .stat-icon,html[data-theme=dark] .nick-avatar-placeholder,html[data-theme=dark] .avatar-fallback{background:var(--accent-soft)!important}html[data-theme=dark] .avatar-img,html[data-theme=dark] .avatar-fallback{border-color:var(--border)!important}html[data-theme=dark] .empty-inline{background:var(--empty-bg)!important;border-color:var(--empty-border)!important;color:var(--text-muted)!important}html[data-theme=dark] .toast{box-shadow:0 18px 42px #0000005c}.web-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a61;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s var(--motion)}.web-dialog-overlay.show{opacity:1}.web-dialog{width:100%;max-width:400px;background:var(--card-solid, var(--card));border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px #0f172a38;overflow:hidden;transform:scale(.94) translateY(10px);opacity:0;transition:transform .26s var(--motion),opacity .26s}.web-dialog.show{transform:scale(1) translateY(0);opacity:1}.web-dialog-title{padding:20px 22px 0;font-size:16px;font-weight:800;color:var(--text)}.web-dialog-body{padding:12px 22px 20px;font-size:14px;line-height:1.65;color:var(--text-light);word-break:break-word}.web-dialog-input{display:block;width:calc(100% - 44px);margin:0 22px 20px;border:1px solid var(--border);border-radius:12px;padding:11px 14px;background:var(--control-bg);color:var(--text);font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}.web-dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.web-dialog-actions-list{display:flex;flex-direction:column;gap:4px;padding:14px 22px 6px}.web-dialog-actions-list .action{display:flex;align-items:center;width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--control-bg);color:var(--text);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:transform .16s var(--motion),background .16s,border-color .16s,box-shadow .16s}.web-dialog-actions-list .action:hover{transform:translateY(-1px);background:#ec41410a;border-color:var(--accent);box-shadow:0 6px 16px #0f172a14}.web-dialog-actions-list .action:active{transform:scale(.98)}.web-dialog-actions-list .action.danger{color:#dc2626}.web-dialog-actions-list .action.danger:hover{background:#dc26260f;border-color:#dc2626}.web-dialog-actions-list .action.success{color:#16a34a}.web-dialog-actions-list .action.success:hover{background:#16a34a0f;border-color:#16a34a}.web-dialog-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--border);background:#ec414108}.web-dialog-btn{border:1px solid var(--border);padding:9px 20px;border-radius:12px;background:var(--control-bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s var(--motion),background .18s,border-color .18s,box-shadow .18s}.web-dialog-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.web-dialog-btn:active{transform:scale(.97)}.web-dialog-btn.cancel:hover{background:#fff9}.web-dialog-btn.confirm.primary{background:var(--accent);border-color:var(--accent);color:var(--white)}.web-dialog-btn.confirm.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 10px 22px #ec414138}.web-dialog-btn.confirm.danger{background:#dc2626;border-color:#dc2626;color:#fff}.web-dialog-btn.confirm.danger:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 10px 22px #dc262638}html[data-theme=dark] .web-dialog-overlay{background:#0000008f!important}html[data-theme=dark] .web-dialog-title{color:var(--text)!important}html[data-theme=dark] .web-dialog-body{color:var(--text-light)!important}html[data-theme=dark] .web-dialog-actions{border-color:var(--border)!important}html[data-theme=dark] .web-dialog-btn.cancel:hover{background:#ffffff1a!important}.empty{text-align:center;padding:42px;color:var(--text-muted);font-size:13px;background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--radius-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:100;box-shadow:14px 0 40px #0f172a29}.sidebar.open{transform:translate(0)}.menu-toggle{display:flex}.main{padding:12px}.topbar{flex-direction:column;gap:10px;align-items:stretch}.topbar-left{justify-content:space-between}.topbar h1{font-size:18px}.topbar-right{justify-content:flex-end}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-card{padding:14px}.stat-card .value{font-size:24px}.card{padding:14px;margin-bottom:14px}table{font-size:12px;min-width:600px}.btn{padding:10px 20px;font-size:14px}.btn-sm{padding:8px 14px;font-size:13px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.main{padding:8px}.topbar h1{font-size:16px}.stat-card{padding:12px}.stat-card .value{font-size:22px}.stat-card .label{font-size:11px}}
