.auth-container[data-v-57a8ba2b]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card[data-v-57a8ba2b]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}h1[data-v-57a8ba2b]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px}.auth-form[data-v-57a8ba2b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-57a8ba2b]{display:flex;flex-direction:column;gap:8px}label[data-v-57a8ba2b]{font-weight:600;color:#34495e;font-size:14px}input[data-v-57a8ba2b]{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s}input[data-v-57a8ba2b]:focus{outline:none;border-color:#667eea}button[data-v-57a8ba2b]{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}button[data-v-57a8ba2b]:hover:not(:disabled){opacity:.9}button[data-v-57a8ba2b]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-57a8ba2b]{color:#e74c3c;text-align:center;font-size:14px;margin:0}.auth-link[data-v-57a8ba2b]{text-align:center;color:#7f8c8d;font-size:14px}.auth-link a[data-v-57a8ba2b]{color:#667eea;text-decoration:none;font-weight:600}.auth-link a[data-v-57a8ba2b]:hover{text-decoration:underline}.auth-container[data-v-371b3d08]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card[data-v-371b3d08]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}h1[data-v-371b3d08]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px}.auth-form[data-v-371b3d08]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-371b3d08]{display:flex;flex-direction:column;gap:8px}label[data-v-371b3d08]{font-weight:600;color:#34495e;font-size:14px}input[data-v-371b3d08]{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s}input[data-v-371b3d08]:focus{outline:none;border-color:#667eea}button[data-v-371b3d08]{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}button[data-v-371b3d08]:hover:not(:disabled){opacity:.9}button[data-v-371b3d08]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-371b3d08]{color:#e74c3c;text-align:center;font-size:14px;margin:0}.auth-link[data-v-371b3d08]{text-align:center;color:#7f8c8d;font-size:14px}.auth-link a[data-v-371b3d08]{color:#667eea;text-decoration:none;font-weight:600}.auth-link a[data-v-371b3d08]:hover{text-decoration:underline}.main-layout[data-v-fd72e84c]{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.header[data-v-fd72e84c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0 24px;height:60px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-left[data-v-fd72e84c]{display:flex;align-items:center;gap:16px}.menu-toggle[data-v-fd72e84c]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:4px;transition:background .3s}.menu-toggle[data-v-fd72e84c]:hover{background:#ffffff1a}.header h1[data-v-fd72e84c]{margin:0;font-size:20px;font-weight:600}.header-right[data-v-fd72e84c]{display:flex;align-items:center;gap:16px}.welcome[data-v-fd72e84c]{font-size:14px}.home-btn[data-v-fd72e84c],.logout-btn[data-v-fd72e84c]{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:background .3s;font-size:14px}.home-btn[data-v-fd72e84c]:hover,.logout-btn[data-v-fd72e84c]:hover{background:#ffffff4d}.main-container[data-v-fd72e84c]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-fd72e84c]{width:240px;background:#fff;box-shadow:2px 0 8px #0000000d;transition:width .3s ease;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed[data-v-fd72e84c]{width:70px}.sidebar.collapsed .menu-text[data-v-fd72e84c],.sidebar.collapsed .group-title[data-v-fd72e84c],.sidebar.collapsed .arrow-icon[data-v-fd72e84c]{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .menu-group-header[data-v-fd72e84c]{justify-content:center;padding:12px 8px}.sidebar.collapsed .menu-item[data-v-fd72e84c]{justify-content:center;padding:10px 8px;margin:2px 8px}.sidebar.collapsed .menu-item[data-v-fd72e84c]:before{display:none}.menu[data-v-fd72e84c]{padding:12px 8px}.menu-group[data-v-fd72e84c]{margin-bottom:8px}.menu-group-header[data-v-fd72e84c]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:4px 8px;cursor:pointer;border-radius:10px;background:linear-gradient(135deg,#667eea14,#764ba214);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.menu-group-header[data-v-fd72e84c]:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translate(4px);box-shadow:0 2px 8px #667eea26}.menu-group-header[data-v-fd72e84c]:active{transform:translate(2px)}.group-icon[data-v-fd72e84c]{font-size:18px;margin-right:10px}.group-title[data-v-fd72e84c]{flex:1;font-size:13px;font-weight:600;color:#2c3e50;letter-spacing:.3px}.arrow-icon[data-v-fd72e84c]{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);color:#667eea}.arrow-icon.expanded[data-v-fd72e84c]{transform:rotate(180deg)}.menu-items[data-v-fd72e84c]{padding:4px 0}.menu-item[data-v-fd72e84c]{display:flex;align-items:center;padding:10px 16px;margin:2px 12px 2px 20px;color:#5a6c7d;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);gap:12px;position:relative;font-size:14px}.menu-item[data-v-fd72e84c]:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(to bottom,#667eea,#764ba2);transition:height .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.menu-item[data-v-fd72e84c]:hover{background:linear-gradient(135deg,#667eea1a,#764ba20d);color:#667eea;transform:translate(4px);box-shadow:0 2px 6px #667eea1a}.menu-item[data-v-fd72e84c]:hover:before{height:50%}.menu-item.router-link-active[data-v-fd72e84c]{background:linear-gradient(135deg,#667eea26,#764ba21a);color:#667eea;font-weight:600;box-shadow:0 2px 8px #667eea33}.menu-item.router-link-active[data-v-fd72e84c]:before{height:70%}.menu-icon[data-v-fd72e84c]{font-size:18px;min-width:24px;text-align:center;transition:transform .3s}.menu-item:hover .menu-icon[data-v-fd72e84c]{transform:scale(1.1)}.menu-text[data-v-fd72e84c]{transition:opacity .3s,width .3s;white-space:nowrap}.slide-fade-enter-active[data-v-fd72e84c],.slide-fade-leave-active[data-v-fd72e84c]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.slide-fade-enter-from[data-v-fd72e84c]{opacity:0;max-height:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-fd72e84c],.slide-fade-leave-from[data-v-fd72e84c]{opacity:1;max-height:500px;transform:translateY(0)}.slide-fade-leave-to[data-v-fd72e84c]{opacity:0;max-height:0;transform:translateY(-10px)}.content[data-v-fd72e84c]{flex:1;overflow-y:auto;padding:24px}.badge[data-v-fd72e84c]{background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:14px;margin-left:auto}.sub-badge[data-v-fd72e84c]{background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center;line-height:13px;margin-left:auto}@media (max-width: 768px){.sidebar[data-v-fd72e84c]{position:fixed;left:0;top:60px;bottom:0;z-index:50;transform:translate(0)}.sidebar.collapsed[data-v-fd72e84c]{transform:translate(-100%);width:240px}.content[data-v-fd72e84c]{margin-left:0}.welcome[data-v-fd72e84c]{display:none}}.dashboard[data-v-0796e1a8]{max-width:1200px;margin:0 auto}.welcome-section[data-v-0796e1a8]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:40px 48px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #667eea40;position:relative;overflow:hidden}.welcome-section[data-v-0796e1a8]:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.welcome-content[data-v-0796e1a8]{flex:1;color:#fff;position:relative;z-index:1}.welcome-title[data-v-0796e1a8]{font-size:32px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px}.wave[data-v-0796e1a8]{display:inline-block;animation:wave-0796e1a8 2s ease-in-out infinite;transform-origin:70% 70%;font-size:38px}@keyframes wave-0796e1a8{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}.welcome-subtitle[data-v-0796e1a8]{font-size:16px;margin:0 0 16px;opacity:.9}.login-info[data-v-0796e1a8]{display:flex;gap:16px;flex-wrap:wrap}.info-item[data-v-0796e1a8]{display:flex;align-items:center;gap:6px;font-size:13px;background:#ffffff26;padding:6px 14px;border-radius:18px}.welcome-illustration[data-v-0796e1a8]{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.illustration-circle[data-v-0796e1a8]{position:absolute;width:100%;height:100%;background:#ffffff26;border-radius:50%;animation:pulse-0796e1a8 2s ease-in-out infinite}@keyframes pulse-0796e1a8{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.4}}.illustration-icon[data-v-0796e1a8]{font-size:64px;animation:float-0796e1a8 3s ease-in-out infinite}@keyframes float-0796e1a8{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stats-section[data-v-0796e1a8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card[data-v-0796e1a8]{background:#fff;border-radius:14px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s}.stat-card[data-v-0796e1a8]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon[data-v-0796e1a8]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-info[data-v-0796e1a8]{display:flex;flex-direction:column;gap:4px}.stat-value[data-v-0796e1a8]{font-size:22px;font-weight:700;color:#2c3e50}.stat-label[data-v-0796e1a8]{font-size:13px;color:#95a5a6}.overview-section[data-v-0796e1a8]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.overview-card[data-v-0796e1a8]{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px #0000000f}.card-title[data-v-0796e1a8]{margin:0 0 20px;font-size:18px;color:#2c3e50}.total-hint[data-v-0796e1a8]{font-size:13px;color:#95a5a6;font-weight:400}.status-bars[data-v-0796e1a8]{display:flex;flex-direction:column;gap:16px}.bar-label[data-v-0796e1a8]{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;color:#5a6c7d}.bar-dot[data-v-0796e1a8]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bar-count[data-v-0796e1a8]{margin-left:auto;font-weight:700;color:#2c3e50}.bar-track[data-v-0796e1a8]{height:8px;background:#f0f2f5;border-radius:4px;overflow:hidden}.bar-fill[data-v-0796e1a8]{height:100%;border-radius:4px;transition:width .6s ease;min-width:2px}.quick-actions-grid[data-v-0796e1a8]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action[data-v-0796e1a8]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border-radius:12px;text-decoration:none;color:#5a6c7d;background:#f8f9fb;transition:all .3s;font-size:13px;font-weight:500}.quick-action[data-v-0796e1a8]:hover{background:linear-gradient(135deg,#667eea1a,#764ba20d);color:#667eea;transform:translateY(-2px)}.qa-icon[data-v-0796e1a8]{font-size:28px}@media (max-width: 768px){.welcome-section[data-v-0796e1a8]{padding:28px 20px;flex-direction:column;text-align:center}.welcome-title[data-v-0796e1a8]{font-size:24px;justify-content:center}.login-info[data-v-0796e1a8]{justify-content:center}.welcome-illustration[data-v-0796e1a8]{margin-top:16px;width:80px;height:80px}.illustration-icon[data-v-0796e1a8]{font-size:48px}.stats-section[data-v-0796e1a8]{grid-template-columns:repeat(2,1fr)}.overview-section[data-v-0796e1a8]{grid-template-columns:1fr}.quick-actions-grid[data-v-0796e1a8]{grid-template-columns:repeat(2,1fr)}}.page-content[data-v-5ed71c74]{max-width:800px;margin:0 auto}.page-header[data-v-5ed71c74]{margin-bottom:32px}.page-header h2[data-v-5ed71c74]{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.subtitle[data-v-5ed71c74]{color:#7f8c8d;font-size:14px;margin:0}.form-card[data-v-5ed71c74]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.form-group[data-v-5ed71c74]{margin-bottom:24px}.form-group label[data-v-5ed71c74]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.required[data-v-5ed71c74]{color:#e74c3c}.form-group input[data-v-5ed71c74]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input[data-v-5ed71c74]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-5ed71c74]::placeholder{color:#bdc3c7}.form-actions[data-v-5ed71c74]{display:flex;gap:12px;margin-top:32px}button[data-v-5ed71c74]{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-5ed71c74]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-primary[data-v-5ed71c74]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-5ed71c74]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-5ed71c74]{background:#f5f7fa;color:#34495e;padding:12px 20px}.btn-secondary[data-v-5ed71c74]:hover:not(:disabled){background:#e8eaed}.btn-secondary[data-v-5ed71c74]:disabled{opacity:.6;cursor:not-allowed}.alert[data-v-5ed71c74]{margin-top:24px;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideIn-5ed71c74 .3s ease}@keyframes slideIn-5ed71c74{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success[data-v-5ed71c74]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error[data-v-5ed71c74]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-close[data-v-5ed71c74]{background:none;border:none;font-size:24px;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;opacity:.6}.alert-close[data-v-5ed71c74]:hover{opacity:1}.page-content[data-v-97c63ff0]{max-width:1200px;margin:0 auto}.page-header[data-v-97c63ff0]{margin-bottom:24px}.page-header h2[data-v-97c63ff0]{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.subtitle[data-v-97c63ff0]{color:#7f8c8d;font-size:14px;margin:0}.search-bar[data-v-97c63ff0]{display:flex;gap:12px;margin-bottom:24px}.search-input[data-v-97c63ff0]{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.search-input[data-v-97c63ff0]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.refresh-btn[data-v-97c63ff0]{padding:12px 20px;background:#f5f7fa;color:#34495e;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.refresh-btn[data-v-97c63ff0]:hover:not(:disabled){background:#e8eaed}.refresh-btn[data-v-97c63ff0]:disabled{opacity:.6;cursor:not-allowed}.loading[data-v-97c63ff0]{text-align:center;padding:60px 20px}.spinner[data-v-97c63ff0]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;margin:0 auto 16px;animation:spin-97c63ff0 1s linear infinite}@keyframes spin-97c63ff0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert[data-v-97c63ff0]{margin-bottom:24px;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideIn-97c63ff0 .3s ease}@keyframes slideIn-97c63ff0{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error[data-v-97c63ff0]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-close[data-v-97c63ff0]{background:none;border:none;font-size:24px;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;opacity:.6}.alert-close[data-v-97c63ff0]:hover{opacity:1}.table-card[data-v-97c63ff0]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.table-header[data-v-97c63ff0]{padding:20px 24px;border-bottom:1px solid #f0f0f0}.table-header h3[data-v-97c63ff0]{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.table-wrapper[data-v-97c63ff0]{overflow-x:auto}table[data-v-97c63ff0]{width:100%;border-collapse:collapse}th[data-v-97c63ff0],td[data-v-97c63ff0]{padding:16px 24px;text-align:left}th[data-v-97c63ff0]{background:#f8f9fa;color:#2c3e50;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}td[data-v-97c63ff0]{border-bottom:1px solid #f0f0f0;color:#34495e}tbody tr[data-v-97c63ff0]{transition:background .2s}tbody tr[data-v-97c63ff0]:hover{background:#f8f9fa}.user-name[data-v-97c63ff0]{font-weight:500}.action-buttons[data-v-97c63ff0]{display:flex;gap:8px}.btn-edit[data-v-97c63ff0]{padding:6px 14px;background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.btn-edit[data-v-97c63ff0]:hover{background:#1976d2;color:#fff;border-color:#1976d2}.btn-delete[data-v-97c63ff0]{padding:6px 14px;background:#fff5f5;color:#e74c3c;border:1px solid #ffdddd;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.btn-delete[data-v-97c63ff0]:hover:not(:disabled){background:#e74c3c;color:#fff;border-color:#e74c3c}.btn-delete.btn-disabled[data-v-97c63ff0]{background:#f0f0f0;color:#bbb;border-color:#e0e0e0;cursor:not-allowed;opacity:.6}.role-badge[data-v-97c63ff0]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.role-admin[data-v-97c63ff0]{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.role-manager[data-v-97c63ff0]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.role-user[data-v-97c63ff0]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge[data-v-97c63ff0]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-enabled[data-v-97c63ff0]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-disabled[data-v-97c63ff0]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-toggle[data-v-97c63ff0]{padding:6px 14px;border:1px solid;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.btn-disable[data-v-97c63ff0]{background:#fff3cd;color:#856404;border-color:#ffeeba}.btn-disable[data-v-97c63ff0]:hover{background:#f39c12;color:#fff;border-color:#f39c12}.btn-enable[data-v-97c63ff0]{background:#d4edda;color:#155724;border-color:#c3e6cb}.btn-enable[data-v-97c63ff0]:hover{background:#27ae60;color:#fff;border-color:#27ae60}.empty-state[data-v-97c63ff0]{text-align:center;padding:80px 20px}.empty-icon[data-v-97c63ff0]{font-size:64px;margin-bottom:16px}.empty-state p[data-v-97c63ff0]{color:#7f8c8d;font-size:16px;margin-bottom:24px}.btn-add-user[data-v-97c63ff0]{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.btn-add-user[data-v-97c63ff0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pagination[data-v-97c63ff0]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0}.pagination-info[data-v-97c63ff0]{color:#7f8c8d;font-size:14px}.pagination-buttons[data-v-97c63ff0]{display:flex;gap:8px}.page-btn[data-v-97c63ff0]{padding:8px 18px;background:#f5f7fa;color:#34495e;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.page-btn[data-v-97c63ff0]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.page-btn[data-v-97c63ff0]:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.table-wrapper[data-v-97c63ff0]{overflow-x:auto}th[data-v-97c63ff0],td[data-v-97c63ff0]{padding:12px 16px;font-size:14px}.btn-edit[data-v-97c63ff0],.btn-delete[data-v-97c63ff0]{padding:4px 10px;font-size:12px}.action-buttons[data-v-97c63ff0]{flex-direction:column;gap:4px}.pagination[data-v-97c63ff0]{flex-direction:column;gap:12px;text-align:center}}.page-content[data-v-eafac8f1]{max-width:800px;margin:0 auto}.page-header[data-v-eafac8f1]{margin-bottom:32px}.page-header h2[data-v-eafac8f1]{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.subtitle[data-v-eafac8f1]{color:#7f8c8d;font-size:14px;margin:0}.loading[data-v-eafac8f1]{text-align:center;padding:60px 20px}.spinner[data-v-eafac8f1]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;margin:0 auto 16px;animation:spin-eafac8f1 1s linear infinite}@keyframes spin-eafac8f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-card[data-v-eafac8f1]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.form-group[data-v-eafac8f1]{margin-bottom:24px}.form-group label[data-v-eafac8f1]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.required[data-v-eafac8f1]{color:#e74c3c}.form-group input[data-v-eafac8f1]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input[data-v-eafac8f1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-eafac8f1]::placeholder{color:#bdc3c7}.form-group select[data-v-eafac8f1],.role-select[data-v-eafac8f1]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;background:#fff;cursor:pointer}.form-group select[data-v-eafac8f1]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.info-box[data-v-eafac8f1]{padding:14px 18px;background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;color:#5a6c7d;font-size:14px;margin-bottom:24px}.form-actions[data-v-eafac8f1]{display:flex;gap:12px;margin-top:32px}button[data-v-eafac8f1]{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-eafac8f1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-primary[data-v-eafac8f1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-eafac8f1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-eafac8f1]{background:#f5f7fa;color:#34495e;padding:12px 20px}.btn-secondary[data-v-eafac8f1]:hover:not(:disabled){background:#e8eaed}.btn-secondary[data-v-eafac8f1]:disabled{opacity:.6;cursor:not-allowed}.alert[data-v-eafac8f1]{margin-top:24px;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideIn-eafac8f1 .3s ease}@keyframes slideIn-eafac8f1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success[data-v-eafac8f1]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error[data-v-eafac8f1]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-close[data-v-eafac8f1]{background:none;border:none;font-size:24px;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;opacity:.6}.alert-close[data-v-eafac8f1]:hover{opacity:1}.reset-password-card[data-v-eafac8f1]{margin-top:24px;border-top:3px solid #f39c12}.section-title[data-v-eafac8f1]{margin:0 0 8px;color:#2c3e50;font-size:20px;font-weight:600}.section-desc[data-v-eafac8f1]{color:#7f8c8d;font-size:14px;margin:0 0 24px}.btn-warning[data-v-eafac8f1]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;flex:1}.btn-warning[data-v-eafac8f1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.btn-warning[data-v-eafac8f1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.contract-list-view[data-v-59750f33]{max-width:1600px;margin:0 auto;padding:0 20px}.page-header[data-v-59750f33]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2[data-v-59750f33]{margin:0;font-size:28px;color:#2c3e50}.add-btn[data-v-59750f33]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.add-btn[data-v-59750f33]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.search-panel[data-v-59750f33]{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.search-group[data-v-59750f33]{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr auto;gap:16px;align-items:flex-end}.form-item[data-v-59750f33]{display:flex;flex-direction:column;gap:6px}.form-item label[data-v-59750f33]{font-weight:600;color:#2c3e50;font-size:13px}.form-item input[data-v-59750f33]{padding:10px 12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;transition:border-color .3s}.form-item input[data-v-59750f33]:focus{outline:none;border-color:#667eea}.date-range[data-v-59750f33]{display:flex;align-items:center;gap:8px}.date-range input[data-v-59750f33]{flex:1;padding:10px 12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px}.date-range input[data-v-59750f33]:focus{outline:none;border-color:#667eea}.separator[data-v-59750f33]{color:#95a5a6;font-weight:600}.form-actions[data-v-59750f33]{display:flex;gap:8px}.search-btn[data-v-59750f33],.reset-btn[data-v-59750f33]{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.search-btn[data-v-59750f33]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea33}.search-btn[data-v-59750f33]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.reset-btn[data-v-59750f33]{background:#ecf0f1;color:#2c3e50}.reset-btn[data-v-59750f33]:hover{background:#bdc3c7}.loading[data-v-59750f33],.error[data-v-59750f33],.empty[data-v-59750f33]{text-align:center;padding:60px 20px;font-size:16px;color:#7f8c8d;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.error[data-v-59750f33]{color:#e74c3c}.table-container[data-v-59750f33]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.contracts-table[data-v-59750f33]{width:100%;border-collapse:collapse;font-size:14px}.contracts-table thead[data-v-59750f33]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contracts-table th[data-v-59750f33]{padding:16px 12px;text-align:left;font-weight:600;letter-spacing:.5px}.contracts-table tbody tr[data-v-59750f33]{border-bottom:1px solid #ecf0f1;transition:background-color .2s}.contracts-table tbody tr[data-v-59750f33]:hover{background-color:#f8f9fa}.contracts-table tbody tr.row-completed[data-v-59750f33]{background-color:#27ae600d}.contracts-table td[data-v-59750f33]{padding:14px 12px;color:#2c3e50}.cell-id[data-v-59750f33]{font-weight:600;color:#667eea;max-width:60px}.cell-number[data-v-59750f33]{font-family:monospace;font-weight:500;color:#34495e;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-name[data-v-59750f33]{font-weight:500;color:#2c3e50;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-amount[data-v-59750f33],.cell-paid[data-v-59750f33]{font-weight:600;text-align:right;min-width:100px}.cell-amount[data-v-59750f33]{color:#3498db}.cell-paid[data-v-59750f33]{color:#27ae60}.cell-progress[data-v-59750f33]{min-width:140px}.progress-container[data-v-59750f33]{display:flex;align-items:center;gap:8px}.progress-bar[data-v-59750f33]{flex:1;height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden}.progress-fill[data-v-59750f33]{height:100%;transition:width .3s ease}.progress-fill.status-complete[data-v-59750f33]{background:linear-gradient(90deg,#27ae60,#2ecc71)}.progress-fill.status-partial[data-v-59750f33]{background:linear-gradient(90deg,#f39c12,#f1c40f)}.progress-fill.status-unpaid[data-v-59750f33]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.progress-text[data-v-59750f33]{font-size:12px;font-weight:600;color:#7f8c8d;min-width:32px;text-align:right}.form-item select[data-v-59750f33]{padding:10px 12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;background:#fff}.approval-badge[data-v-59750f33]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.approval-0[data-v-59750f33]{background:#fff3cd;color:#856404}.approval-1[data-v-59750f33]{background:#d4edda;color:#155724}.approval-2[data-v-59750f33]{background:#f8d7da;color:#721c24}.contract-status-badge[data-v-59750f33]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.cs-0[data-v-59750f33]{background:#e2e3e5;color:#383d41}.cs-1[data-v-59750f33]{background:#cce5ff;color:#004085}.cs-2[data-v-59750f33]{background:#d4edda;color:#155724}.cs-3[data-v-59750f33]{background:#f5c6cb;color:#721c24}.cell-date[data-v-59750f33]{color:#7f8c8d;font-size:13px;min-width:140px;white-space:nowrap}.cell-status[data-v-59750f33]{white-space:nowrap;width:1%}.cell-actions[data-v-59750f33]{text-align:center;min-width:150px}.action-buttons[data-v-59750f33]{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.action-btn[data-v-59750f33]{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;justify-content:center}.detail-btn[data-v-59750f33]{background:#667eea;color:#fff}.detail-btn[data-v-59750f33]:hover{background:#5568d3;transform:scale(1.1)}.edit-btn[data-v-59750f33]{background:#f39c12;color:#fff}.edit-btn[data-v-59750f33]:hover{background:#e67e22;transform:scale(1.1)}.preview-btn[data-v-59750f33]{background:#3498db;color:#fff}.preview-btn[data-v-59750f33]:hover{background:#2980b9;transform:scale(1.1)}.download-btn[data-v-59750f33]{background:#27ae60;color:#fff}.download-btn[data-v-59750f33]:hover{background:#229954;transform:scale(1.1)}.delete-btn[data-v-59750f33]{background:#e74c3c;color:#fff}.delete-btn[data-v-59750f33]:hover{background:#c0392b;transform:scale(1.1)}.pagination[data-v-59750f33]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #ecf0f1}.pagination-info[data-v-59750f33]{color:#7f8c8d;font-size:14px}.pagination-buttons[data-v-59750f33]{display:flex;gap:8px}.page-btn[data-v-59750f33]{padding:8px 18px;background:#f5f7fa;color:#34495e;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.page-btn[data-v-59750f33]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.page-btn[data-v-59750f33]:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1200px){.contracts-table[data-v-59750f33]{font-size:12px}.contracts-table th[data-v-59750f33],.contracts-table td[data-v-59750f33]{padding:10px 8px}.action-buttons[data-v-59750f33]{gap:4px}.action-btn[data-v-59750f33]{width:28px;height:28px;font-size:12px}}@media (max-width: 768px){.search-group[data-v-59750f33]{grid-template-columns:1fr}.form-actions[data-v-59750f33]{grid-column:1 / -1}.page-header[data-v-59750f33]{flex-direction:column;align-items:stretch;gap:12px}.add-btn[data-v-59750f33]{text-align:center}.contracts-table[data-v-59750f33]{font-size:11px}.contracts-table th[data-v-59750f33],.contracts-table td[data-v-59750f33]{padding:8px 6px}.action-buttons[data-v-59750f33]{gap:2px}.action-btn[data-v-59750f33]{width:24px;height:24px;font-size:11px}.cell-name[data-v-59750f33]{max-width:100px}.cell-number[data-v-59750f33]{max-width:80px}.pagination[data-v-59750f33]{flex-direction:column;gap:12px;text-align:center}}.contract-add-view[data-v-c9521426]{max-width:800px;margin:0 auto}.page-header[data-v-c9521426]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h2[data-v-c9521426]{margin:0;font-size:28px;color:#2c3e50}.back-btn[data-v-c9521426]{padding:10px 20px;background:#ecf0f1;color:#2c3e50;text-decoration:none;border-radius:6px;transition:all .3s;font-weight:500}.back-btn[data-v-c9521426]:hover{background:#bdc3c7}.form-container[data-v-c9521426]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014}.contract-form[data-v-c9521426]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-c9521426]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-c9521426]{font-weight:600;color:#2c3e50;font-size:14px}.required[data-v-c9521426]{color:#e74c3c}.form-group input[type=text][data-v-c9521426],.form-group textarea[data-v-c9521426]{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:14px;transition:border-color .3s;font-family:inherit}.form-group input[type=text][data-v-c9521426]:focus,.form-group textarea[data-v-c9521426]:focus{outline:none;border-color:#667eea}.amount-input[data-v-c9521426]{position:relative;display:flex;align-items:center}.currency[data-v-c9521426]{position:absolute;left:16px;font-weight:600;color:#7f8c8d;font-size:16px}.amount-input input[data-v-c9521426]{padding:12px 16px 12px 40px;border:2px solid #ecf0f1;border-radius:8px;font-size:16px;font-weight:600;width:100%;transition:border-color .3s}.amount-input input[data-v-c9521426]:focus{outline:none;border-color:#667eea}.form-row[data-v-c9521426]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group input[type=date][data-v-c9521426]{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:14px;transition:border-color .3s;width:100%}.form-row .form-group input[type=date][data-v-c9521426]:focus{outline:none;border-color:#667eea}.file-upload input[type=file][data-v-c9521426]{display:none}.file-upload-area[data-v-c9521426]{border:2px dashed #bdc3c7;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .3s;background:#f8f9fa}.file-upload-area[data-v-c9521426]:hover{border-color:#667eea;background:#f0f1ff}.upload-placeholder[data-v-c9521426]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-c9521426]{font-size:48px}.upload-placeholder p[data-v-c9521426]{margin:0;color:#7f8c8d}.file-tip[data-v-c9521426]{font-size:12px;color:#95a5a6}.file-selected[data-v-c9521426]{display:flex;align-items:center;gap:16px;background:#fff;padding:16px;border-radius:6px}.file-icon[data-v-c9521426]{font-size:32px}.file-info[data-v-c9521426]{flex:1;text-align:left}.file-name[data-v-c9521426]{margin:0;font-weight:600;color:#2c3e50}.file-size[data-v-c9521426]{margin:4px 0 0;font-size:12px;color:#95a5a6}.clear-file[data-v-c9521426]{width:32px;height:32px;border-radius:50%;border:none;background:#e74c3c;color:#fff;cursor:pointer;transition:all .3s;font-size:16px}.clear-file[data-v-c9521426]:hover{background:#c0392b;transform:scale(1.1)}.form-actions[data-v-c9521426]{display:flex;gap:12px;margin-top:16px}.submit-btn[data-v-c9521426],.reset-btn[data-v-c9521426]{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn[data-v-c9521426]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.submit-btn[data-v-c9521426]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.submit-btn[data-v-c9521426]:disabled{opacity:.6;cursor:not-allowed}.reset-btn[data-v-c9521426]{background:#ecf0f1;color:#2c3e50}.reset-btn[data-v-c9521426]:hover:not(:disabled){background:#bdc3c7}.reset-btn[data-v-c9521426]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-c9521426]{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:14px}.success-message[data-v-c9521426]{padding:12px 16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px}@media (max-width: 768px){.form-container[data-v-c9521426]{padding:20px}.page-header[data-v-c9521426]{flex-direction:column;align-items:stretch;gap:16px}.back-btn[data-v-c9521426]{text-align:center}.form-actions[data-v-c9521426]{flex-direction:column}}.contract-detail-view[data-v-cd7387cb]{max-width:1000px;margin:0 auto}.page-header[data-v-cd7387cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h2[data-v-cd7387cb]{margin:0;font-size:28px;color:#2c3e50}.header-actions[data-v-cd7387cb]{display:flex;gap:12px;align-items:center}.back-btn[data-v-cd7387cb]{padding:10px 20px;background:#ecf0f1;color:#2c3e50;text-decoration:none;border-radius:6px;font-weight:500}.back-btn[data-v-cd7387cb]:hover{background:#bdc3c7}.terminate-btn[data-v-cd7387cb]{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.terminate-btn[data-v-cd7387cb]:hover{background:#c0392b}.terminated-banner[data-v-cd7387cb]{padding:16px;background:#f8d7da;color:#721c24;border-radius:8px;font-weight:600;margin-bottom:20px;text-align:center;border:2px solid #f5c6cb}.loading[data-v-cd7387cb],.error[data-v-cd7387cb]{text-align:center;padding:60px 20px;font-size:16px}.error[data-v-cd7387cb]{color:#e74c3c}.detail-container[data-v-cd7387cb]{display:flex;flex-direction:column;gap:24px}.info-card[data-v-cd7387cb],.amount-card[data-v-cd7387cb],.payments-card[data-v-cd7387cb],.logs-card[data-v-cd7387cb]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.card-header[data-v-cd7387cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3[data-v-cd7387cb]{margin:0;font-size:20px;color:#2c3e50}.badges[data-v-cd7387cb]{display:flex;gap:8px}.status-badge[data-v-cd7387cb]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-complete[data-v-cd7387cb]{background:#d4edda;color:#27ae60}.status-partial[data-v-cd7387cb]{background:#fff3cd;color:#f39c12}.status-unpaid[data-v-cd7387cb]{background:#f8d7da;color:#e74c3c}.contract-status-badge[data-v-cd7387cb]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.cs-0[data-v-cd7387cb]{background:#e2e3e5;color:#383d41}.cs-1[data-v-cd7387cb]{background:#cce5ff;color:#004085}.cs-2[data-v-cd7387cb]{background:#d4edda;color:#155724}.cs-3[data-v-cd7387cb]{background:#f5c6cb;color:#721c24}.info-grid[data-v-cd7387cb]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item[data-v-cd7387cb]{display:flex;flex-direction:column;gap:8px}.info-item.full-width[data-v-cd7387cb]{grid-column:1 / -1}.info-item .label[data-v-cd7387cb]{font-size:13px;color:#95a5a6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item .value[data-v-cd7387cb]{font-size:16px;color:#2c3e50;font-weight:500}.file-download[data-v-cd7387cb]{display:flex;align-items:center;justify-content:space-between;gap:16px}.filename[data-v-cd7387cb]{flex:1;color:#667eea;font-weight:500}.download-btn[data-v-cd7387cb]{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.download-btn[data-v-cd7387cb]:hover{background:#2980b9}.amount-summary[data-v-cd7387cb]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.amount-box[data-v-cd7387cb]{padding:20px;border-radius:10px;text-align:center}.amount-box.total[data-v-cd7387cb]{background:#3498db1a;border:2px solid #3498db}.amount-box.paid[data-v-cd7387cb]{background:#27ae601a;border:2px solid #27ae60}.amount-box.remaining[data-v-cd7387cb]{background:#e67e221a;border:2px solid #e67e22}.amount-label[data-v-cd7387cb]{display:block;font-size:13px;color:#7f8c8d;margin-bottom:8px}.amount-value[data-v-cd7387cb]{display:block;font-size:24px;font-weight:700;color:#2c3e50}.submit-amount-section[data-v-cd7387cb]{margin:20px 0;padding:16px;background:#f0f4ff;border-radius:8px;border:1px solid #d0d8ff}.submit-amount-header[data-v-cd7387cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.submit-amount-header h4[data-v-cd7387cb]{margin:0;color:#2c3e50}.toggle-btn[data-v-cd7387cb]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.submit-amount-form[data-v-cd7387cb]{display:flex;gap:12px;align-items:center}.submit-amount-form .amount-input[data-v-cd7387cb]{flex:1}.submit-amount-form .amount-input input[data-v-cd7387cb]{width:100%;padding:10px 14px 10px 32px;border:2px solid #d0d8ff;border-radius:6px;font-size:15px}.pending-info[data-v-cd7387cb]{margin-top:12px;padding:8px 12px;background:#fff3cd;border-radius:6px;color:#856404;font-size:14px}.progress-section[data-v-cd7387cb]{margin-top:16px}.progress-bar[data-v-cd7387cb]{height:12px;background:#ecf0f1;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-cd7387cb]{height:100%;transition:width .5s ease}.progress-fill.status-complete[data-v-cd7387cb]{background:linear-gradient(90deg,#27ae60,#2ecc71)}.progress-fill.status-partial[data-v-cd7387cb]{background:linear-gradient(90deg,#f39c12,#f1c40f)}.progress-fill.status-unpaid[data-v-cd7387cb]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.progress-text[data-v-cd7387cb]{text-align:center;font-size:14px;color:#7f8c8d;font-weight:600}.add-payment-btn[data-v-cd7387cb]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.add-payment-form[data-v-cd7387cb]{padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.form-row[data-v-cd7387cb]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-cd7387cb]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label[data-v-cd7387cb]{font-weight:600;color:#2c3e50;font-size:14px}.form-group input[data-v-cd7387cb],.form-group textarea[data-v-cd7387cb]{padding:10px 14px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;font-family:inherit}.form-group input[data-v-cd7387cb]:focus,.form-group textarea[data-v-cd7387cb]:focus{outline:none;border-color:#667eea}.amount-input[data-v-cd7387cb]{position:relative}.currency[data-v-cd7387cb]{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:600;color:#7f8c8d}.amount-input input[data-v-cd7387cb]{padding-left:32px}.hint[data-v-cd7387cb]{font-size:12px;color:#95a5a6}.submit-btn[data-v-cd7387cb]{padding:12px 24px;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px}.submit-btn[data-v-cd7387cb]:hover:not(:disabled){background:#229954}.submit-btn[data-v-cd7387cb]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-cd7387cb]{margin-top:12px;padding:10px 14px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px}.empty-payments[data-v-cd7387cb]{text-align:center;padding:40px 20px;color:#95a5a6}.payments-list[data-v-cd7387cb]{display:flex;flex-direction:column;gap:12px}.payment-item[data-v-cd7387cb]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #27ae60}.payment-item.ps-0[data-v-cd7387cb]{border-left-color:#f39c12}.payment-item.ps-2[data-v-cd7387cb]{border-left-color:#e74c3c;opacity:.7}.payment-icon[data-v-cd7387cb]{font-size:32px}.payment-info[data-v-cd7387cb]{flex:1}.payment-amount[data-v-cd7387cb]{font-size:18px;font-weight:700;color:#27ae60;margin-bottom:4px}.payment-date[data-v-cd7387cb]{font-size:14px;color:#7f8c8d}.payment-note[data-v-cd7387cb]{font-size:13px;color:#95a5a6;font-style:italic}.payment-status-col[data-v-cd7387cb]{min-width:70px;text-align:center}.pay-status-badge[data-v-cd7387cb]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.pst-0[data-v-cd7387cb]{background:#fff3cd;color:#856404}.pst-1[data-v-cd7387cb]{background:#d4edda;color:#155724}.pst-2[data-v-cd7387cb]{background:#f8d7da;color:#721c24}.payment-time[data-v-cd7387cb]{font-size:12px;color:#95a5a6;white-space:nowrap}.timeline[data-v-cd7387cb]{display:flex;flex-direction:column;gap:0;position:relative;padding-left:24px}.timeline-item[data-v-cd7387cb]{position:relative;padding:12px 0 12px 20px;border-left:2px solid #ecf0f1}.timeline-item[data-v-cd7387cb]:last-child{border-left-color:transparent}.timeline-dot[data-v-cd7387cb]{position:absolute;left:-7px;top:18px;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #ecf0f1}.dot-green[data-v-cd7387cb]{background:#27ae60}.dot-red[data-v-cd7387cb]{background:#e74c3c}.dot-blue[data-v-cd7387cb]{background:#3498db}.timeline-content[data-v-cd7387cb]{background:#f8f9fa;padding:12px 16px;border-radius:8px}.timeline-header[data-v-cd7387cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.log-action[data-v-cd7387cb]{font-weight:600;color:#2c3e50;font-size:14px}.log-time[data-v-cd7387cb]{font-size:12px;color:#95a5a6}.log-desc[data-v-cd7387cb]{font-size:13px;color:#5a6c7d;margin-bottom:4px}.log-user[data-v-cd7387cb]{font-size:12px;color:#95a5a6}.slide-fade-enter-active[data-v-cd7387cb],.slide-fade-leave-active[data-v-cd7387cb]{transition:all .3s ease}.slide-fade-enter-from[data-v-cd7387cb],.slide-fade-leave-to[data-v-cd7387cb]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.info-grid[data-v-cd7387cb],.amount-summary[data-v-cd7387cb],.form-row[data-v-cd7387cb]{grid-template-columns:1fr}.page-header[data-v-cd7387cb]{flex-direction:column;align-items:stretch;gap:16px}.header-actions[data-v-cd7387cb]{justify-content:flex-end}}.contract-edit-view[data-v-361c6279]{max-width:800px;margin:0 auto}.page-header[data-v-361c6279]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h2[data-v-361c6279]{margin:0;font-size:28px;color:#2c3e50}.back-btn[data-v-361c6279]{padding:10px 20px;background:#ecf0f1;color:#2c3e50;text-decoration:none;border-radius:6px;transition:all .3s;font-weight:500}.back-btn[data-v-361c6279]:hover{background:#bdc3c7}.loading[data-v-361c6279],.error[data-v-361c6279]{text-align:center;padding:60px 20px;font-size:16px}.error[data-v-361c6279]{color:#e74c3c}.form-container[data-v-361c6279]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014}.contract-form[data-v-361c6279]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-361c6279]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-361c6279]{font-weight:600;color:#2c3e50;font-size:14px}.required[data-v-361c6279]{color:#e74c3c}.form-group input[type=text][data-v-361c6279],.form-group textarea[data-v-361c6279]{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:14px;transition:border-color .3s;font-family:inherit}.form-group input[type=text][data-v-361c6279]:focus,.form-group textarea[data-v-361c6279]:focus{outline:none;border-color:#667eea}.form-row[data-v-361c6279]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group input[type=date][data-v-361c6279]{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:14px;width:100%}.form-row .form-group input[type=date][data-v-361c6279]:focus{outline:none;border-color:#667eea}.info-box[data-v-361c6279]{padding:16px 20px;background:linear-gradient(135deg,#3498db1a,#2980b90d);border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.info-label[data-v-361c6279]{font-size:14px;color:#2c3e50;font-weight:600}.info-value[data-v-361c6279]{font-size:20px;font-weight:700;color:#3498db}.amount-input[data-v-361c6279]{position:relative;display:flex;align-items:center;transition:all .3s}.currency[data-v-361c6279]{position:absolute;left:16px;font-weight:600;color:#7f8c8d;font-size:16px}.amount-status-icon[data-v-361c6279]{position:absolute;right:16px;font-size:20px}.amount-input input[data-v-361c6279]{padding:12px 50px 12px 40px;border:3px solid #ecf0f1;border-radius:8px;font-size:16px;font-weight:600;width:100%;transition:all .3s}.amount-input input[data-v-361c6279]:focus{outline:none}.amount-input.amount-increased input[data-v-361c6279]{border-color:#27ae60;background:linear-gradient(135deg,#27ae600d,#2ecc7105)}.amount-input.amount-increased input[data-v-361c6279]:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.amount-input.amount-increased .amount-status-icon[data-v-361c6279]{color:#27ae60}.amount-input.amount-decreased input[data-v-361c6279]{border-color:#e74c3c;background:linear-gradient(135deg,#e74c3c0d,#c0392b05)}.amount-input.amount-decreased input[data-v-361c6279]:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.amount-input.amount-decreased .amount-status-icon[data-v-361c6279]{color:#e74c3c}.amount-hint[data-v-361c6279]{font-size:14px;font-weight:600;padding:8px 12px;border-radius:6px;margin-top:4px}.amount-hint.positive-diff[data-v-361c6279]{color:#27ae60;background:#27ae601a}.amount-hint.negative-diff[data-v-361c6279]{color:#e74c3c;background:#e74c3c1a}.form-actions[data-v-361c6279]{display:flex;gap:12px;margin-top:16px}.submit-btn[data-v-361c6279],.cancel-btn[data-v-361c6279]{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center;text-decoration:none;display:inline-block}.submit-btn[data-v-361c6279]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.submit-btn[data-v-361c6279]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.submit-btn[data-v-361c6279]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-361c6279]{background:#ecf0f1;color:#2c3e50}.cancel-btn[data-v-361c6279]:hover{background:#bdc3c7}.error-message[data-v-361c6279]{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:14px}.success-message[data-v-361c6279]{padding:12px 16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px}@media (max-width: 768px){.form-container[data-v-361c6279]{padding:20px}.page-header[data-v-361c6279]{flex-direction:column;align-items:stretch;gap:16px}.back-btn[data-v-361c6279]{text-align:center}.form-actions[data-v-361c6279]{flex-direction:column}.info-box[data-v-361c6279]{flex-direction:column;gap:8px;text-align:center}}.approval-view[data-v-21cdb6a5]{max-width:900px;margin:0 auto}h2[data-v-21cdb6a5]{margin-bottom:24px;color:#2c3e50}.loading[data-v-21cdb6a5],.empty[data-v-21cdb6a5]{text-align:center;padding:60px;color:#95a5a6;background:#fff;border-radius:12px}.list[data-v-21cdb6a5]{display:flex;flex-direction:column;gap:16px}.card[data-v-21cdb6a5]{background:#fff;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014}.card-title[data-v-21cdb6a5]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:6px}.card-meta[data-v-21cdb6a5]{font-size:13px;color:#7f8c8d}.card-actions[data-v-21cdb6a5]{display:flex;gap:8px}.approve-btn[data-v-21cdb6a5],.reject-btn[data-v-21cdb6a5]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.approve-btn[data-v-21cdb6a5]{background:#27ae60;color:#fff}.approve-btn[data-v-21cdb6a5]:hover{background:#229954}.reject-btn[data-v-21cdb6a5]{background:#e74c3c;color:#fff}.reject-btn[data-v-21cdb6a5]:hover{background:#c0392b}.approval-view[data-v-3df45cec]{max-width:900px;margin:0 auto}h2[data-v-3df45cec]{margin-bottom:24px;color:#2c3e50}h3[data-v-3df45cec]{margin-bottom:16px;color:#34495e;font-size:16px}.loading[data-v-3df45cec],.empty[data-v-3df45cec]{text-align:center;padding:40px;color:#95a5a6;background:#fff;border-radius:12px;margin-bottom:16px}.list[data-v-3df45cec]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.card[data-v-3df45cec]{background:#fff;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014}.card-title[data-v-3df45cec]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px}.card-meta[data-v-3df45cec]{font-size:13px;color:#7f8c8d}.card-actions[data-v-3df45cec]{display:flex;gap:8px;flex-shrink:0}.approve-btn[data-v-3df45cec],.reject-btn[data-v-3df45cec]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.approve-btn[data-v-3df45cec]{background:#27ae60;color:#fff}.reject-btn[data-v-3df45cec]{background:#e74c3c;color:#fff}.notification-view[data-v-8845937f]{max-width:800px;margin:0 auto}.header-row[data-v-8845937f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2[data-v-8845937f]{margin:0;color:#2c3e50}.read-all-btn[data-v-8845937f]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.empty[data-v-8845937f]{text-align:center;padding:60px;color:#95a5a6;background:#fff;border-radius:12px}.list[data-v-8845937f]{display:flex;flex-direction:column;gap:10px}.noti-card[data-v-8845937f]{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:all .2s;position:relative}.noti-card.unread[data-v-8845937f]{background:#f0f4ff;border-left:4px solid #667eea}.noti-card[data-v-8845937f]:hover{box-shadow:0 2px 8px #0000001f}.noti-icon[data-v-8845937f]{font-size:28px}.noti-msg[data-v-8845937f]{font-size:14px;color:#2c3e50;margin-bottom:4px}.noti-reason[data-v-8845937f]{font-size:13px;color:#e74c3c;margin-bottom:4px}.noti-time[data-v-8845937f]{font-size:12px;color:#95a5a6}.dot[data-v-8845937f]{width:10px;height:10px;background:#e74c3c;border-radius:50%;position:absolute;top:16px;right:16px}.notification-view[data-v-9dc8c9e6]{max-width:800px;margin:0 auto}.header-row[data-v-9dc8c9e6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2[data-v-9dc8c9e6]{margin:0;color:#2c3e50}.read-all-btn[data-v-9dc8c9e6]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}.empty[data-v-9dc8c9e6]{text-align:center;padding:60px;color:#95a5a6;background:#fff;border-radius:12px}.list[data-v-9dc8c9e6]{display:flex;flex-direction:column;gap:10px}.noti-card[data-v-9dc8c9e6]{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:all .2s;position:relative}.noti-card.unread[data-v-9dc8c9e6]{background:#fff8f0;border-left:4px solid #f39c12}.noti-card[data-v-9dc8c9e6]:hover{box-shadow:0 2px 8px #0000001f}.noti-icon[data-v-9dc8c9e6]{font-size:28px}.noti-msg[data-v-9dc8c9e6]{font-size:14px;color:#2c3e50;margin-bottom:4px}.noti-reason[data-v-9dc8c9e6]{font-size:13px;color:#e74c3c;margin-bottom:4px}.noti-time[data-v-9dc8c9e6]{font-size:12px;color:#95a5a6}.dot[data-v-9dc8c9e6]{width:10px;height:10px;background:#e74c3c;border-radius:50%;position:absolute;top:16px;right:16px}.payment-approval-view[data-v-a4a84d49]{max-width:900px;margin:0 auto}.page-header[data-v-a4a84d49]{margin-bottom:24px}.page-header h2[data-v-a4a84d49]{margin:0;font-size:28px;color:#2c3e50}.loading[data-v-a4a84d49],.error[data-v-a4a84d49],.empty[data-v-a4a84d49]{text-align:center;padding:60px 20px;font-size:16px;color:#7f8c8d;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.error[data-v-a4a84d49]{color:#e74c3c}.empty-icon[data-v-a4a84d49]{font-size:64px;margin-bottom:12px}.payments-list[data-v-a4a84d49]{display:flex;flex-direction:column;gap:20px}.payment-card[data-v-a4a84d49]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-a4a84d49]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#667eea14,#764ba20d);border-bottom:1px solid #ecf0f1}.contract-info[data-v-a4a84d49]{display:flex;flex-direction:column;gap:4px}.contract-name[data-v-a4a84d49]{font-weight:600;color:#2c3e50;font-size:16px}.contract-number[data-v-a4a84d49]{font-size:13px;color:#7f8c8d;font-family:monospace}.pending-badge[data-v-a4a84d49]{padding:6px 14px;background:#fff3cd;color:#856404;border-radius:16px;font-size:13px;font-weight:600}.card-body[data-v-a4a84d49]{padding:20px 24px}.info-grid[data-v-a4a84d49]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.info-item[data-v-a4a84d49]{display:flex;flex-direction:column;gap:4px}.info-item .label[data-v-a4a84d49]{font-size:12px;color:#95a5a6;font-weight:600;text-transform:uppercase}.info-item .value[data-v-a4a84d49]{font-size:15px;color:#2c3e50;font-weight:500}.info-item .value.amount[data-v-a4a84d49]{font-size:20px;font-weight:700;color:#e67e22}.note-section[data-v-a4a84d49]{padding:10px 14px;background:#f8f9fa;border-radius:6px;margin-bottom:12px;font-size:14px;color:#5a6c7d}.note-section .label[data-v-a4a84d49]{font-weight:600;color:#7f8c8d}.submitter-info[data-v-a4a84d49]{display:flex;gap:24px;font-size:13px;color:#95a5a6}.card-actions[data-v-a4a84d49]{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #ecf0f1;background:#fafbfc}.approve-btn[data-v-a4a84d49],.reject-btn[data-v-a4a84d49]{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.approve-btn[data-v-a4a84d49]{background:#27ae60;color:#fff}.approve-btn[data-v-a4a84d49]:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.reject-btn[data-v-a4a84d49]{background:#e74c3c;color:#fff}.reject-btn[data-v-a4a84d49]:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.approve-btn[data-v-a4a84d49]:disabled,.reject-btn[data-v-a4a84d49]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-a4a84d49]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-a4a84d49]{background:#fff;border-radius:12px;padding:28px;width:420px;max-width:90vw}.modal h3[data-v-a4a84d49]{margin:0 0 12px;color:#2c3e50}.modal p[data-v-a4a84d49]{margin:0 0 12px;color:#7f8c8d}.modal textarea[data-v-a4a84d49]{width:100%;padding:10px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;box-sizing:border-box}.modal textarea[data-v-a4a84d49]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-a4a84d49]{display:flex;gap:12px;margin-top:16px}.confirm-reject-btn[data-v-a4a84d49]{flex:1;padding:10px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.cancel-btn[data-v-a4a84d49]{flex:1;padding:10px;background:#ecf0f1;color:#2c3e50;border:none;border-radius:6px;font-weight:600;cursor:pointer}@media (max-width: 768px){.info-grid[data-v-a4a84d49]{grid-template-columns:1fr}.submitter-info[data-v-a4a84d49]{flex-direction:column;gap:4px}}.page-content[data-v-c5de8d2e]{max-width:600px;margin:0 auto}.page-header[data-v-c5de8d2e]{margin-bottom:32px}.page-header h2[data-v-c5de8d2e]{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.subtitle[data-v-c5de8d2e]{color:#7f8c8d;font-size:14px;margin:0}.form-card[data-v-c5de8d2e]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.form-group[data-v-c5de8d2e]{margin-bottom:24px}.form-group label[data-v-c5de8d2e]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px}.required[data-v-c5de8d2e]{color:#e74c3c}.form-group input[data-v-c5de8d2e]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input[data-v-c5de8d2e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-c5de8d2e]::placeholder{color:#bdc3c7}.form-actions[data-v-c5de8d2e]{display:flex;gap:12px;margin-top:32px}button[data-v-c5de8d2e]{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-c5de8d2e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-primary[data-v-c5de8d2e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-c5de8d2e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-c5de8d2e]{background:#f5f7fa;color:#34495e;padding:12px 20px}.btn-secondary[data-v-c5de8d2e]:hover:not(:disabled){background:#e8eaed}.btn-secondary[data-v-c5de8d2e]:disabled{opacity:.6;cursor:not-allowed}.alert[data-v-c5de8d2e]{margin-top:24px;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;animation:slideIn-c5de8d2e .3s ease}@keyframes slideIn-c5de8d2e{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success[data-v-c5de8d2e]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error[data-v-c5de8d2e]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-close[data-v-c5de8d2e]{background:none;border:none;font-size:24px;color:inherit;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;opacity:.6}.alert-close[data-v-c5de8d2e]:hover{opacity:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.idle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.idle-modal{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;animation:scaleIn .3s ease}.idle-icon{font-size:48px;margin-bottom:16px}.idle-modal h3{font-size:22px;color:#2c3e50;margin-bottom:12px}.idle-modal p{font-size:15px;color:#7f8c8d;margin-bottom:24px;line-height:1.5}.idle-btn{padding:12px 36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.idle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}