:root{--brand-50: #EFF6FF;--brand-100: #DBEAFE;--brand-500: #3B82F6;--brand-600: #2563EB;--brand-700: #1D4ED8;--success-500: #22C55E;--warning-500: #F59E0B;--error-500: #EF4444;--info-500: #3B82F6;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-700: #374151;--gray-900: #111827;--font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--sidebar-width: 240px;--topbar-height: 56px;--content-max-width: 1200px;--drawer-width: 560px;--test-drawer-width: 480px;--modal-width: 480px;--table-row-height: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--gray-700);background-color:var(--gray-50)}body{overflow-x:hidden}code,pre,.font-mono{font-family:var(--font-family-mono)}a{color:var(--brand-500);text-decoration:none}a:hover{color:var(--brand-700)}#app{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s;line-height:1.5;font-family:inherit;background:transparent}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--brand-100)}.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.btn-primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-200)}.btn-secondary:hover{background:var(--gray-50)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#fff;color:var(--error-500);border-color:var(--gray-200)}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 12px;font-size:13px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;border-radius:var(--radius-full);line-height:1.5;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:var(--brand-50);color:#1e40af}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px var(--space-4);font-size:12px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.data-table td{padding:12px var(--space-4);font-size:14px;border-bottom:1px solid var(--gray-100);height:var(--table-row-height);vertical-align:middle}.data-table tr:hover{background:var(--gray-50)}.filters{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.filter-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.filter-input{width:220px;height:36px;padding:8px 12px;font-size:13px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-700);transition:border-color .2s;line-height:1.5;font-family:inherit;box-sizing:border-box}.filter-input::placeholder{color:var(--gray-300)}.filter-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.filter-select{width:140px;height:36px;padding:8px 32px 8px 12px;font-size:13px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239CA3AF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--gray-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;box-sizing:border-box}.filter-select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.filter-date{width:260px;height:36px;padding:8px 12px;font-size:13px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-700);line-height:1.5;font-family:inherit;box-sizing:border-box}.filter-date.filter-date-single{width:160px}.filter-date:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.filter-search-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;cursor:pointer;transition:background .2s;line-height:1;box-sizing:border-box;gap:var(--space-1)}.filter-search-btn:hover{background:var(--brand-700);border-color:var(--brand-700)}.filter-reset{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);cursor:pointer;transition:background .2s,color .2s;line-height:1;box-sizing:border-box;font-family:inherit}.filter-reset:hover{background:var(--gray-50);color:var(--gray-700)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-4)}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);background:#fff;cursor:pointer;transition:all .15s;font-family:inherit}.pagination-btn:hover{background:var(--gray-50);color:var(--gray-700)}.pagination-btn.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--gray-300)}.empty-state p{font-size:14px;margin-top:var(--space-2)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);min-height:34px}.page-title{font-size:18px;font-weight:600;color:var(--gray-900);margin:0;line-height:34px}.n-drawer{border-radius:0!important}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-1)}.form-required:after{content:" *";color:var(--error-500)}.form-input{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-700);transition:border-color .2s;line-height:1.5;font-family:inherit;box-sizing:border-box}.form-input::placeholder{color:var(--gray-300)}.form-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.form-input.error{border-color:var(--error-500)}.form-textarea{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-700);resize:vertical;min-height:80px;font-family:inherit;line-height:1.5;box-sizing:border-box}.form-textarea::placeholder{color:var(--gray-300)}.form-textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.form-select{width:100%;padding:8px 32px 8px 12px;font-size:14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239CA3AF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--gray-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;box-sizing:border-box}.form-select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 2px #3b82f626}.form-readonly{padding:8px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);line-height:1.5;box-sizing:border-box}.form-help{font-size:12px;color:var(--gray-400);margin-top:var(--space-1)}.form-error{font-size:12px;color:var(--error-500);margin-top:var(--space-1)}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-100)}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon.blue{background:var(--brand-50);color:var(--brand-600)}.stat-card-icon.green{background:#dcfce7;color:#16a34a}.stat-card-icon.purple{background:#f3e8ff;color:#9333ea}.stat-card-label{font-size:14px;color:var(--gray-500);margin-bottom:var(--space-2)}.stat-card-value{font-size:24px;font-weight:600;color:var(--gray-900)}.settings-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.settings-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200);font-size:16px;font-weight:600;color:var(--gray-900)}.settings-card-body{padding:var(--space-5)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.info-item-label{font-size:14px;color:var(--gray-500);margin-bottom:var(--space-1)}.info-item-value{font-size:16px;font-weight:500;color:var(--gray-900)}.app-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,border-color .2s;text-decoration:none;display:block}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-100)}.app-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);font-size:24px}.app-card-icon.bg-blue{background:var(--brand-50);color:var(--brand-600)}.app-card-icon.bg-green{background:#dcfce7;color:#16a34a}.app-card-icon.bg-orange{background:#fef3c7;color:#d97706}.app-card-icon.bg-pink{background:#fce7f3;color:#db2777}.app-card-icon.bg-purple{background:#f3e8ff;color:#9333ea}.app-card-icon.bg-teal{background:#ccfbf1;color:#0d9488}.app-card-icon.bg-red{background:#fee2e2;color:#dc2626}.app-card-icon.bg-indigo{background:#e0e7ff;color:#4f46e5}.app-card-icon.bg-cyan{background:#cffafe;color:#0891b2}.app-card-icon.bg-amber{background:#fef3c7;color:#b45309}.app-card-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.app-card-desc{font-size:14px;color:var(--gray-500);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cred-mono{font-family:var(--font-family-mono);font-size:13px;letter-spacing:.02em;background:var(--gray-50);padding:2px 6px;border-radius:var(--radius-sm);word-break:break-all;color:var(--gray-700)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.success{background:var(--success-500)}.status-dot.error{background:var(--error-500)}.status-dot.running{background:var(--warning-500)}.status-dot.pending{background:var(--gray-400)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:16px;font-weight:600;color:var(--gray-900)}.section-more{font-size:14px;color:var(--brand-500);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.section-more:hover{color:var(--brand-700)}.section-more svg{width:14px;height:14px}.switch{position:relative;width:36px;height:20px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:background .2s}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.switch-slider{background:var(--brand-600)}.switch input:checked+.switch-slider:before{transform:translate(16px)}.switch input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.app-sidebar[data-v-23150a05]{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:width .2s ease}.app-sidebar.is-collapsed[data-v-23150a05]{width:64px}.app-sidebar__logo[data-v-23150a05]{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-5);border-bottom:1px solid var(--gray-200);gap:var(--space-2);font-weight:600;font-size:16px;color:var(--gray-900)}.app-sidebar__logo-mark[data-v-23150a05]{width:32px;height:32px;background:var(--brand-600);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.app-sidebar__logo-text[data-v-23150a05]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar__menu[data-v-23150a05]{flex:1;padding:var(--space-3) 0}.app-topbar[data-v-577a003b]{height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:20}.app-topbar__left[data-v-577a003b]{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:16px;color:var(--gray-900)}.app-topbar__logo-mark[data-v-577a003b]{width:32px;height:32px;background:var(--brand-600);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-topbar__logo-text[data-v-577a003b]{white-space:nowrap}.app-topbar__right[data-v-577a003b]{display:flex;align-items:center;gap:var(--space-4)}.app-topbar__user[data-v-577a003b]{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--gray-700);transition:background .2s}.app-topbar__user[data-v-577a003b]:hover{background:var(--gray-100)}.app-topbar__username[data-v-577a003b]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-admin[data-v-b40b7ff7]{display:flex;min-height:100vh;background:var(--gray-50)}.admin-main[data-v-b40b7ff7]{flex:1;display:flex;flex-direction:column;min-width:0}.admin-main__content[data-v-b40b7ff7]{flex:1;padding:var(--space-6)}.layout-user[data-v-36038e91]{display:flex;flex-direction:column;min-height:100vh;background:var(--gray-50)}.layout-user__content[data-v-36038e91]{flex:1;padding:var(--space-6)}.layout-user__inner[data-v-36038e91]{max-width:var(--content-max-width);margin:0 auto;width:100%}.login-page[data-v-f85103b3]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-50);padding:20px}.login-card[data-v-f85103b3]{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-logo[data-v-f85103b3]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px}.login-logo-icon[data-v-f85103b3]{width:40px;height:40px;background:var(--brand-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.login-logo-icon svg[data-v-f85103b3]{width:24px;height:24px;color:#fff}.login-logo-text[data-v-f85103b3]{font-size:20px;font-weight:600;color:var(--gray-900)}.login-heading[data-v-f85103b3]{text-align:center;margin-bottom:8px}.login-heading h1[data-v-f85103b3]{font-size:20px;font-weight:600;color:var(--gray-900)}.login-heading p[data-v-f85103b3]{font-size:14px;color:var(--gray-500);margin-top:4px}.login-form[data-v-f85103b3]{margin-top:28px}.login-btn[data-v-f85103b3]{margin-top:8px}.login-footer[data-v-f85103b3]{text-align:center;margin-top:24px;font-size:12px;color:var(--gray-400)}