*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#f7f8fa;color:#1f1f1f;font-size:14px;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:linear-gradient(180deg,#1a1f36 0%,#232a45 100%);transition:width 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar.collapsed{width:0;opacity:0;min-width:0}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-menu{opacity:0;pointer-events:none}.sidebar-logo{height:64px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0}.sidebar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,0.4)}.sidebar-logo-text{margin-left:12px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;transition:opacity 0.2s;letter-spacing:0.5px}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;margin:0}.sidebar-menu{flex:1;overflow-y:auto;padding:12px 0}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:2px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.menu-item{position:relative;user-select:none}.menu-title{display:flex;align-items:center;padding:11px 20px;cursor:pointer;transition:all 0.2s ease;color:rgba(255,255,255,0.7);border-left:3px solid transparent;white-space:nowrap;margin:2px 0}.menu-title:hover{background:rgba(255,255,255,0.06);color:#fff}.menu-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:14px}.sidebar.collapsed .menu-icon{margin-right:0}.menu-label{flex:1;font-size:14px;font-weight:500;transition:opacity 0.2s}.sidebar.collapsed .menu-label{opacity:0;width:0;overflow:hidden}.menu-arrow{font-size:10px;color:rgba(255,255,255,0.35);transition:transform 0.25s,opacity 0.2s;flex-shrink:0}.sidebar.collapsed .menu-arrow{opacity:0;width:0;overflow:hidden}.menu-item.open>.menu-title{color:#fff;background:rgba(255,255,255,0.04)}.menu-item.open>.menu-title .menu-arrow{transform:rotate(90deg);color:#fff}.menu-item.active>.menu-title{background:linear-gradient(90deg,rgba(102,126,234,0.25) 0%,rgba(102,126,234,0.05) 100%);border-left-color:#667eea;color:#fff}.submenu{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1);background:rgba(0,0,0,0.15)}.menu-item.open>.submenu{max-height:500px}.submenu-item{display:flex;align-items:center;padding:9px 16px 9px 64px;cursor:pointer;color:rgba(255,255,255,0.55);font-size:13px;transition:all 0.2s;white-space:nowrap;text-decoration:none;position:relative;border-left:3px solid transparent}.sidebar.collapsed .submenu-item{padding-left:20px;font-size:0}.submenu-item:hover{color:#fff;background:rgba(255,255,255,0.05)}.submenu-item.active{background:linear-gradient(90deg,rgba(102,126,234,0.3) 0%,rgba(102,126,234,0.05) 100%);color:#fff;font-weight:500;border-left-color:#667eea}.submenu-item.active::before{content:'';position:absolute;left:44px;width:6px;height:6px;border-radius:50%;background:#667eea;box-shadow:0 0 8px rgba(102,126,234,0.6)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #eef0f4;display:flex;align-items:center;padding:0 28px;flex-shrink:0;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,0.02)}.toggle-btn{width:38px;height:38px;border:none;background:transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#595959;font-size:18px;transition:all 0.2s}.toggle-btn:hover{background:#f0f2f8;color:#667eea}.breadcrumbs{margin-left:12px;display:flex;align-items:center;color:#8c8c8c;font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs span.item{color:#1f1f1f;font-weight:500}.breadcrumbs .sep{margin:0 8px;color:#d9d9d9}.breadcrumbs a.bc-link{color:#667eea;text-decoration:none;transition:all 0.2s;cursor:pointer}.breadcrumbs a.bc-link:hover{color:#5568d3;text-decoration:underline}.topbar-left{display:flex;flex:1;align-items:center}.topbar-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px;border-radius:10px;transition:background 0.2s;position:relative}.user-info:hover{background:#f5f6fa}.user-avatar{width:34px;height:34px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;box-shadow:0 2px 6px rgba(102,126,234,0.3)}.user-name{font-size:13px;color:#1f1f1f;font-weight:500}.logout-btn{background:none;border:none;color:#8c8c8c;font-size:13px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all 0.2s}.logout-btn:hover{color:#ff4d4f;background:#fff2f0}.content{flex:1;padding:24px 28px;overflow:auto}.page-title{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:18px;letter-spacing:0.3px}.page-subtitle{color:#8c8c8c;font-size:13px;margin-bottom:24px}.card{background:#fff;border-radius:14px;border:1px solid #edf0f6;padding:24px;margin-bottom:20px;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 1px 3px rgba(15,23,42,0.03),0 8px 24px -14px rgba(15,23,42,0.08);transition:box-shadow 0.25s ease,transform 0.25s ease,border-color 0.25s ease}.card:hover{box-shadow:0 2px 4px rgba(15,23,42,0.05),0 12px 32px -12px rgba(22,119,255,0.12),0 16px 40px -20px rgba(15,23,42,0.12);border-color:#e1e8f4}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f5f9}.card-title{font-size:17px;font-weight:600;color:#1e293b;letter-spacing:0.2px;position:relative;padding-left:14px}.card-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,#1677ff 0%,#69b1ff 100%);box-shadow:0 0 0 3px rgba(22,119,255,0.10)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;padding:22px 20px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 1px 3px rgba(15,23,42,0.03),0 6px 20px -12px rgba(15,23,42,0.08);text-align:center;display:flex;flex-direction:column;align-items:center}.stat-card::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;opacity:0.05;transform:translate(35%,-35%)}.stat-card::before{content:'';position:absolute;left:0;bottom:0;width:4px;height:0;transition:height 0.35s ease;border-radius:0 4px 0 0}.stat-card:hover{box-shadow:0 4px 8px rgba(15,23,42,0.05),0 12px 32px -10px rgba(22,119,255,0.15),0 18px 44px -22px rgba(15,23,42,0.16);transform:translateY(-3px);border-color:#e1e8f4}.stat-card:hover::before{height:54px}.stat-label{font-size:13px;color:#64748b;margin-bottom:12px;font-weight:500;letter-spacing:0.2px;white-space:nowrap}.stat-value{font-size:32px;font-weight:700;color:#0f172a;letter-spacing:-0.5px;line-height:1.1;white-space:nowrap}.stat-card .icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;position:relative;z-index:1;box-shadow:0 4px 12px -4px rgba(15,23,42,0.10)}.stat-card .icon.blue{background:linear-gradient(135deg,#e6f4ff,#bae0ff);color:#1677ff}.stat-card .icon.green{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a}.stat-card .icon.orange{background:linear-gradient(135deg,#fff7e6,#ffe7ba);color:#fa8c16}.stat-card .icon.purple{background:linear-gradient(135deg,#f9f0ff,#efdbff);color:#722ed1}.stat-card .icon.cyan{background:linear-gradient(135deg,#e6fffb,#b5f5ec);color:#13c2c2}.stat-card .icon.magenta{background:linear-gradient(135deg,#fff0f6,#ffd6e7);color:#eb2f96}.stat-card .icon.volcano{background:linear-gradient(135deg,#fff2e8,#ffd8bf);color:#fa541c}.stat-card .icon.geekblue{background:linear-gradient(135deg,#f0f5ff,#d6e4ff);color:#2f54eb}.stat-card .icon.blue+.stat-label~*~.stat-value,.stat-card:nth-child(6n+1)::before{background:linear-gradient(180deg,#1677ff,#69b1ff)}.stat-card .icon.green+.stat-label~*~.stat-value,.stat-card:nth-child(6n+2)::before{background:linear-gradient(180deg,#52c41a,#95de64)}.stat-card .icon.orange+.stat-label~*~.stat-value,.stat-card:nth-child(6n+3)::before{background:linear-gradient(180deg,#fa8c16,#ffc069)}.stat-card .icon.purple+.stat-label~*~.stat-value,.stat-card:nth-child(6n+4)::before{background:linear-gradient(180deg,#722ed1,#b37feb)}.stat-card .icon.cyan+.stat-label~*~.stat-value,.stat-card:nth-child(6n+5)::before{background:linear-gradient(180deg,#13c2c2,#5cdbd3)}.stat-card .icon.magenta+.stat-label~*~.stat-value,.stat-card:nth-child(6n+6)::before{background:linear-gradient(180deg,#eb2f96,#ff85c0)}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid #d9d9d9;background:#fff;color:#1f1f1f;cursor:pointer;transition:all 0.18s ease;gap:4px;outline:none;text-decoration:none}.btn:hover{color:#1677ff;border-color:#1677ff;background:#e6f4ff}.btn-primary{background:#1677ff;border:1px solid #1677ff;color:#fff;box-shadow:0 1px 4px rgba(22,119,255,0.2)}.btn-primary:hover{background:#4096ff;border-color:#4096ff;color:#fff;box-shadow:0 2px 8px rgba(22,119,255,0.28);transform:none}.btn-success{background:#52c41a;border:1px solid #52c41a;color:#fff;box-shadow:0 1px 4px rgba(82,196,26,0.2)}.btn-success:hover{background:#73d13d;border-color:#73d13d;color:#fff;box-shadow:0 2px 8px rgba(82,196,26,0.25)}.btn-danger{background:#fff;border-color:#ff7875;color:#ff4d4f}.btn-danger:hover{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.btn-sm{height:28px;padding:0 12px;font-size:12px;border-radius:6px}.btn+.btn{margin-left:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{height:34px;padding:0 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:13px;outline:none;width:240px;transition:all 0.18s;background:#fff}.search-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,0.1)}.select-input{height:34px;padding:0 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:13px;outline:none;background:#fff;cursor:pointer;color:#1f1f1f;transition:all 0.18s}.select-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,0.1)}.table-wrapper{background:#fff;border:none;border-radius:0;overflow:visible;box-shadow:none}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:13px 16px;text-align:center;border-bottom:1px solid #f0f0f0;vertical-align:middle}.data-table thead th:first-child,.data-table tbody td:first-child{text-align:center}.data-table thead th:nth-child(2),.data-table tbody td:nth-child(2),.data-table thead th:nth-child(3),.data-table tbody td:nth-child(3){text-align:left}.data-table thead th:last-child,.data-table tbody td:last-child{text-align:center !important}.data-table tbody td:last-child .action-btns,.data-table tbody td:last-child .action-links,.data-table tbody td:last-child .actions-cell{display:inline-flex !important;justify-content:center !important;gap:4px}.data-table th{background:#fafafa;font-weight:500;color:#595959;white-space:nowrap;font-size:13px;padding:12px 16px;border-bottom:1px solid #e5e7eb;position:relative}.data-table th::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#e5e7eb}.data-table tbody tr{transition:background 0.15s}.data-table tbody tr:hover{background:#f5faff}.data-table tbody tr:last-child td{border-bottom:none}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:500;line-height:1.7;gap:6px}.tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.tag-green{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-blue{background:#e6f4ff;color:#1677ff;border:1px solid #91caff}.tag-orange{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tag-red{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.tag-gray{background:#fafafa;color:#8c8c8c;border:1px solid #d9d9d9}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.status-dot-green{background:#52c41a;box-shadow:0 0 0 2px rgba(82,196,26,0.12)}.status-dot-gray{background:#bfbfbf;box-shadow:0 0 0 2px rgba(191,191,191,0.15)}.btn-more{font-size:16px !important;padding:2px 8px !important;line-height:1 !important;min-width:28px;text-align:center;letter-spacing:2px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:18px 22px 16px;margin-top:14px;border-top:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffff 0%,#fafafa 32%,#fafafa 100%);border-radius:0 0 14px 14px}.pagination .pg-info{display:inline-flex;align-items:center;gap:10px;color:#64748b;font-size:13px;font-weight:500;letter-spacing:0.2px}.pagination .pg-info .pg-total-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 9px;background:linear-gradient(180deg,#eef4ff,#e6f0ff);color:#1677ff;border-radius:8px;font-weight:600;font-size:12px;border:1px solid #d6e4ff;margin:0 2px}.pagination .pg-info .pg-page-num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:0 6px;height:22px;background:#f1f5f9;color:#334155;border-radius:6px;font-weight:600;font-size:12px;margin:0 2px}.pagination .pg-controls{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination .pg-sizer,.pagination .pg-jumper{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:13px;font-weight:500}.pagination .pg-sizer select{height:32px;padding:0 28px 0 10px;border:1px solid #e2e8f0;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 8px center;background-size:14px;border-radius:8px;font-size:13px;color:#334155;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all 0.2s}.pagination .pg-sizer select:hover,.pagination .pg-sizer select:focus{border-color:#1677ff;outline:none;color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,0.08)}.pagination .pg-jumper input{width:56px;height:32px;padding:0 10px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;color:#334155;text-align:center;transition:all 0.2s}.pagination .pg-jumper input:focus{border-color:#1677ff;outline:none;box-shadow:0 0 0 3px rgba(22,119,255,0.08)}.pagination .pg-jumper button{height:32px;padding:0 12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-size:13px;color:#475569;cursor:pointer;transition:all 0.2s;font-weight:500}.pagination .pg-jumper button:hover{border-color:#1677ff;color:#1677ff;background:#e6f4ff}.pagination .page-btn{min-width:34px;height:34px;padding:0 12px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-size:13px;color:#475569;font-weight:500;transition:all 0.22s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;justify-content:center}.pagination .page-btn:hover:not(:disabled){border-color:#1677ff;color:#1677ff;background:linear-gradient(180deg,#f0f7ff,#e6f0ff);transform:translateY(-1px);box-shadow:0 4px 12px -4px rgba(22,119,255,0.25)}.pagination .page-btn:disabled,.pagination .page-btn[disabled]{cursor:not-allowed;opacity:0.55;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;transform:none;box-shadow:none}.pagination .page-btn:disabled:hover,.pagination .page-btn[disabled]:hover{transform:none;box-shadow:none;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.pagination .page-btn.active{background:linear-gradient(180deg,#1677ff,#4096ff);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 10px -2px rgba(22,119,255,0.35),0 0 0 3px rgba(22,119,255,0.12)}.pagination .page-btn.active:hover{color:#fff;background:linear-gradient(180deg,#1677ff,#4096ff)}.pagination .pg-ellipsis{min-width:28px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;letter-spacing:2px;user-select:none}.pagination .total{color:#8c8c8c;font-size:13px;margin-right:8px}.app-footer{margin:0 0 24px;max-width:100%;padding:20px 28px 8px;text-align:center;color:#94a3b8;font-size:12px;line-height:1.9;flex:0 0 auto;width:100%;box-sizing:border-box}.app-footer .footer-row{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.app-footer .footer-row .footer-divider{width:1px;height:12px;background:#e2e8f0;display:inline-block}.app-footer .footer-brand{color:#64748b;font-weight:600}.app-footer .footer-love{color:#ff4d4f;display:inline-block;animation:heartbeat 1.6s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.14)}70%{transform:scale(1)}}.app-footer .footer-tech{display:inline-flex;align-items:center;gap:6px}.app-footer .footer-tech .dot{width:6px;height:6px;border-radius:50%;background:#1677ff;opacity:0.7}.content-area{min-height:calc(100vh - 64px - 20px);position:relative}.content-area::after{content:"";position:fixed;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(246,248,252,0.6) 100%);z-index:0}.content-area>*{position:relative;z-index:1}.empty-state{padding:80px 20px;text-align:center;color:#bfbfbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.empty-state .empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:50%;font-size:34px;color:#d9d9d9;opacity:1;margin-bottom:0}.empty-state .empty-text{font-size:14px;color:#8c8c8c}.empty-state .empty-sub{font-size:12px;color:#bfbfbf}.actions-cell{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.actions-cell .btn-link{background:none;border:none;color:#1677ff;font-size:13px;font-weight:500;cursor:pointer;padding:3px 8px;border-radius:4px;transition:all 0.15s;display:inline-flex;align-items:center}.actions-cell .btn-link:hover{background:#e6f4ff}.actions-cell .btn-link.danger{color:#ff4d4f}.actions-cell .btn-link.danger:hover{background:#fff2f0}.expand-btn{width:22px;height:22px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#595959;margin-right:8px;transition:all 0.18s}.expand-btn:hover{border-color:#1677ff;color:#1677ff;background:#e6f4ff}.expand-btn.open{background:#1677ff;border-color:#1677ff;color:#fff}.expanded-content{background:#fafafa;padding:14px 14px 14px 56px}.expanded-content .sub-table{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eef0f4}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100%+4px);right:0;min-width:132px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,0.08);z-index:999;padding:4px;display:none;overflow:visible}.dropdown-menu.show{display:block}.dropdown-item{padding:7px 12px;font-size:13px;color:#1f1f1f;cursor:pointer;transition:all 0.15s;border-radius:6px;display:flex;align-items:center;gap:8px}.dropdown-item:hover{background:#e6f4ff;color:#1677ff}.dropdown-item.danger{color:#ff4d4f}.dropdown-item.danger:hover{background:#fff2f0}.dropdown-item .di-icon{display:inline-flex;width:18px;text-align:center;margin-right:8px;font-size:14px}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn 0.2s ease}.modal{background:#fff;border-radius:16px;width:520px;max-width:92vw;box-shadow:0 24px 60px rgba(0,0,0,0.2);animation:slideUp 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h3{font-size:17px;font-weight:700;margin:0}.modal-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:#8c8c8c;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.15s}.modal-close:hover{background:#f5f5f5;color:#1f1f1f}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid #f0f0f0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;color:#1f1f1f;margin-bottom:8px;font-weight:500}.form-input{width:100%;height:40px;padding:0 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:13px;outline:none;transition:all 0.2s;background:#fff}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-tip{background:#f0f2ff;color:#667eea;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.7;margin-top:10px}.toast-container{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:13px;animation:toastIn 0.3s cubic-bezier(0.4,0,0.2,1);min-width:200px}.toast.success{border-left:3px solid #52c41a}.toast.error{border-left:3px solid #ff4d4f}.toast.info{border-left:3px solid #667eea}.toast.warning{border-left:3px solid #fa8c16}@keyframes toastIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.switch{position:relative;display:inline-block;width:50px;height:28px;vertical-align:middle;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:0.3s cubic-bezier(0.4,0,0.2,1);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04)}.switch .slider::before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#ffffff;transition:0.3s cubic-bezier(0.4,0,0.2,1);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.1)}.switch input:checked+.slider{background-color:#667eea}.switch input:checked+.slider::before{transform:translateX(22px)}.switch input:focus+.slider{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04),0 0 0 3px rgba(102,126,234,0.2)}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(3,1fr)}.card-body{padding:16px}.content{padding:16px 18px}.page-title{font-size:18px}.data-table th,.data-table td{padding:10px 12px;font-size:13px}.page-head-row{flex-direction:column;align-items:flex-start;gap:12px}}.sidebar-mask{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(15,23,42,0.5);z-index:1000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer}body.sidebar-open .sidebar-mask{display:block}@media (max-width:768px){.sidebar{position:fixed;top:0;left:0;z-index:1001;height:100vh;width:260px;transform:translateX(-105%);box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s;pointer-events:none;opacity:1}.sidebar:not(.collapsed){transform:translateX(0);pointer-events:auto}.sidebar.collapsed{width:260px;transform:translateX(-105%);opacity:1;box-shadow:none;pointer-events:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-card .stat-num{font-size:20px}.topbar{padding:0 12px}.content{padding:12px}.toggle-btn{width:36px;height:36px;font-size:16px}.breadcrumbs{font-size:13px;margin-left:8px}.topbar-right .user-name{display:none}.card{border-radius:12px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .actions,.filter-bar .filters{width:100%}.filter-bar .btn{flex:1}.page-head-row .actions,.page-head-row .title{width:100%}.page-head-row .actions{justify-content:flex-start;flex-wrap:wrap}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:640px}.data-table th,.data-table td{padding:8px 10px;font-size:12px;white-space:nowrap}.pagination{flex-wrap:wrap;justify-content:center;gap:6px}.page-total{order:-1;width:100%;text-align:center;margin-bottom:4px}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px}.stat-card .stat-num{font-size:18px}.stat-card .stat-label{font-size:11px}.content{padding:8px}.page-title{font-size:16px;margin-bottom:8px}.topbar{padding:0 8px}.toggle-btn{width:34px;height:34px}.data-table{min-width:560px;font-size:12px}.card{border-radius:10px;margin-bottom:12px}.card-head{padding:10px 12px}.card-body{padding:10px 12px}.btn{padding:6px 10px;font-size:12px;border-radius:6px}.form-input,.form-select{padding:6px 10px;font-size:12px}.filter-bar{gap:8px;margin-bottom:12px}}@media (min-width:1400px){.content{padding:24px 32px;max-width:none;margin:0;width:100%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px}.data-table th,.data-table td{padding:14px 16px;font-size:14px}}