@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #38BDF8;--primary-hover: #0EA5E9;--primary-light: #E0F2FE;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--text-primary: #111827;--text-secondary: #6B7280;--text-disabled: #9CA3AF;--border-color: #E5E7EB;--bg-body: #F9FAFB;--bg-card: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sidebar-width: 240px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-body)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#1f2937,#111827);position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:100}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 20px;color:#fff;font-size:20px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo:before{content:"QBE";width:40px;height:32px;margin-right:10px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff}.sidebar-menu{padding:16px 12px}.menu-item{display:flex;align-items:center;padding:12px 16px;color:#ffffffbf;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:4px}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #38bdf859}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{height:var(--header-height);background:#fffffff2;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500}.breadcrumb-separator{color:var(--text-disabled)}.user-info{display:flex;align-items:center;gap:16px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#0EA5E9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:var(--shadow-md)}.content{flex:1;padding:32px;max-width:1600px;width:100%;margin:0 auto}.page-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-description{color:var(--text-secondary);font-size:15px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),#0EA5E9)}.kpi-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:12px}.kpi-value{font-size:36px;font-weight:700;color:var(--primary-hover);line-height:1}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:24px;overflow:hidden}.card-header{padding:20px 28px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(to bottom,#fafbfc,#fff)}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.card-body{padding:28px}.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5}.status-badge.success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.status-badge.warning{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.status-badge.error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.status-badge.info{background:#e0f2fe;color:#075985;border:1px solid #7DD3FC}.status-badge.default{background:#f3f4f6;color:#374151;border:1px solid #D1D5DB}.progress-wrapper{margin:16px 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:500}.progress-bar{height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#0EA5E9);border-radius:10px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:20px}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.task-card-title{font-size:17px;font-weight:700;color:var(--text-primary)}.task-card-meta{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:var(--text-secondary);font-weight:500}.process-list{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.process-item{margin-bottom:12px}.process-name{font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.empty-state{text-align:center;padding:64px 32px;color:var(--text-secondary)}.empty-icon{display:none}.mobile-menu-btn{display:none;align-items:center;justify-content:center;min-width:48px;height:40px;cursor:pointer;color:var(--text-primary);font-size:13px;border-radius:8px;font-weight:600}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;display:none}.mobile-overlay.show{display:block}.el-button--primary{background:var(--primary-color);border-color:var(--primary-color);font-weight:600}.el-button--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.el-table th.el-table__cell{background:#f9fafb;color:var(--text-primary);font-weight:600}@media (max-width: 768px){:root{--sidebar-width: 0px;--header-height: 56px}.sidebar{width:280px;transform:translate(-100%);z-index:1000;transition:transform .2s}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex}.main-wrapper{margin-left:0}.header{padding:0 16px}.breadcrumb{display:none}.user-info>span{display:none}.content{padding:16px}.page-title{font-size:22px}.kpi-row{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px}.kpi-value{font-size:28px}.card-header{padding:16px 20px;gap:10px}.card-body{padding:20px}.task-grid{grid-template-columns:1fr}}.login-wrapper[data-v-99b18d9b]{min-height:100vh;background:#fafbfc;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.menu-section[data-v-99b18d9b]{padding:10px 20px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.workshop-badge[data-v-99b18d9b]{display:inline-block;padding:4px 12px;background:#e0f2fe;color:#0ea5e9;border-radius:6px;font-size:13px;font-weight:600;margin-right:12px}.workshop-badge.manager[data-v-99b18d9b]{background:#dbeafe;color:#1e40af}.page[data-v-b8d2865e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#f0f9ff,#e0e7ff)}.box[data-v-b8d2865e]{width:100%;max-width:380px;padding:44px 40px;background:#ffffffd9;border-radius:20px;box-shadow:0 8px 40px #60a5fa26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand[data-v-b8d2865e]{text-align:center;margin-bottom:32px}.logo[data-v-b8d2865e]{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#3b82f6);color:#fff;font-weight:800;font-size:17px;margin-bottom:14px;box-shadow:0 4px 14px #38bdf866}h2[data-v-b8d2865e]{margin:0;color:#334155;font-size:20px;font-weight:600}.field[data-v-b8d2865e]{margin-bottom:18px}label[data-v-b8d2865e]{display:block;margin-bottom:6px;color:#64748b;font-size:13px;font-weight:500}input[data-v-b8d2865e]{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #bfdbfe;border-radius:10px;outline:none;font-size:14px;color:#334155;background:#ffffffb3;transition:border-color .15s,box-shadow .15s}input[data-v-b8d2865e]:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826;background:#fff}.pass-wrap[data-v-b8d2865e]{position:relative}.pass-wrap input[data-v-b8d2865e]{padding-right:52px}.masked[data-v-b8d2865e]{-webkit-text-security:disc;text-security:disc}.show[data-v-b8d2865e]{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#93c5fd;cursor:pointer;font-size:13px}.show[data-v-b8d2865e]:hover{color:#3b82f6}.btn[data-v-b8d2865e]{width:100%;margin-top:8px;padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#3b82f6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 4px 14px #38bdf859}.btn[data-v-b8d2865e]:hover:not(:disabled){opacity:.9;box-shadow:0 6px 20px #38bdf873}.btn[data-v-b8d2865e]:disabled{opacity:.65;cursor:not-allowed}.err[data-v-b8d2865e]{margin-top:14px;padding:10px 12px;border-radius:8px;background:#fef2f2;color:#dc2626;text-align:center;font-size:13px}