@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#2563eb1a;--secondary-color:#f59e0b;--accent-color:#ec4899;--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--admin-accent:#8b5cf6;--employee-accent:#10b981;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268712;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-width-collapsed:80px;--header-height:70px}body.dark-mode{--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.9rem;font-weight:500}.form-input{color:var(--text-primary);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.8rem;font-size:.95rem}.form-input:focus{border-color:var(--primary-color);background:var(--surface-color);outline:none}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-color);border-radius:16px;max-width:90%;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-action{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;display:flex}.btn-action.primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-action.primary:hover:not(:disabled){background:var(--primary-hover)}.btn-action.primary:disabled{opacity:.7;cursor:not-allowed}.btn-action.outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-action.outline:hover{background:#0000000d}.status-msg{text-align:center;border-radius:8px;padding:.8rem;font-size:.9rem}.status-msg.error{color:#ef4444;background:#ef44441a}.status-msg.success{color:#10b981;background:#10b9811a}.status-msg.info{background:var(--primary-light);color:var(--primary-color)}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.role-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px #00000005}.role-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 20px #00000014}.role-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.role-title{align-items:center;gap:.75rem;display:flex}.role-title h4{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:600}.role-actions{gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e2e8f0;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.login-wrapper[data-v-98cf630c]{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.shape[data-v-98cf630c]{filter:blur(80px);z-index:0;opacity:.6;animation:10s ease-in-out infinite alternate float-98cf630c;position:absolute}.shape-1[data-v-98cf630c]{background:var(--primary-color);border-radius:50%;width:400px;height:400px;top:-100px;left:-100px}.shape-2[data-v-98cf630c]{background:var(--secondary-color);border-radius:50%;width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}.shape-3[data-v-98cf630c]{background:var(--accent-color);border-radius:50%;width:250px;height:250px;animation-delay:-2s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-98cf630c{0%{transform:translate(0)scale(1)}to{transform:translate(30px,30px)scale(1.1)}}.login-container[data-v-98cf630c]{z-index:10;flex-direction:column;gap:2rem;width:100%;max-width:480px;margin:1rem;padding:3rem;display:flex;position:relative}.login-header[data-v-98cf630c]{text-align:center}.brand-logo[data-v-98cf630c]{max-width:250px;height:auto;margin-bottom:.5rem}.subtitle[data-v-98cf630c]{color:var(--text-secondary);font-size:.95rem}.login-form[data-v-98cf630c]{flex-direction:column;gap:1.5rem;display:flex}.input-group[data-v-98cf630c]{flex-direction:column;gap:.5rem;display:flex}.input-group label[data-v-98cf630c]{color:var(--text-primary);font-size:.9rem;font-weight:500}.input-wrapper[data-v-98cf630c]{align-items:center;display:flex;position:relative}.input-icon[data-v-98cf630c]{color:var(--text-secondary);pointer-events:none;position:absolute;left:1rem}.input-wrapper input[data-v-98cf630c]{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff80;border-radius:12px;padding:.8rem 1rem .8rem 3rem;font-size:1rem}.input-wrapper input[data-v-98cf630c]:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);background:#fff;outline:none}.toggle-password[data-v-98cf630c]{color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;right:1rem}.toggle-password[data-v-98cf630c]:hover{color:var(--primary-color)}.role-selector[data-v-98cf630c]{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.role-label[data-v-98cf630c]{color:var(--text-primary);font-size:.9rem;font-weight:500}.role-options[data-v-98cf630c]{border:1px solid var(--border-color);background:#ffffff80;border-radius:12px;padding:.4rem;display:flex}.role-option[data-v-98cf630c]{text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);border-radius:8px;flex:1;padding:.6rem 0;font-size:.9rem;font-weight:500}.role-option input[data-v-98cf630c]{display:none}.role-option.active[data-v-98cf630c]{background:var(--surface-color);color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.btn-login[data-v-98cf630c]{background:var(--primary-color);color:#fff;width:100%;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--primary-light);border-radius:12px;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.submit-btn[data-v-98cf630c]:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb33}.submit-btn[data-v-98cf630c]:active{transform:translateY(0)}.spinner[data-v-98cf630c]{animation:1s linear infinite spin-98cf630c}@keyframes spin-98cf630c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.login-container[data-v-98cf630c]{margin:1rem;padding:2rem}}.dashboard-layout[data-v-0c5f927e]{background-color:var(--bg-color);min-height:100vh;display:flex;overflow:hidden}.sidebar[data-v-0c5f927e]{width:var(--sidebar-width);height:100vh;transition:width var(--transition-normal);z-index:100;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;left:0}.dashboard-layout.collapsed .sidebar[data-v-0c5f927e]{width:var(--sidebar-width-collapsed)}.sidebar-header[data-v-0c5f927e]{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.logo-text[data-v-0c5f927e]{color:var(--primary-color);font-size:1.5rem;font-weight:700}.logo-icon[data-v-0c5f927e]{color:var(--primary-color);margin:0 auto;font-size:1.5rem;font-weight:800}.collapse-btn[data-v-0c5f927e]{color:var(--text-secondary);transition:color var(--transition-fast)}.collapse-btn[data-v-0c5f927e]:hover{color:var(--primary-color)}.sidebar-nav[data-v-0c5f927e]{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-item[data-v-0c5f927e]{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1rem;font-weight:500;display:flex}.dashboard-layout.collapsed .nav-item[data-v-0c5f927e]{justify-content:center;padding:.8rem 0}.nav-item[data-v-0c5f927e]:hover{background:var(--surface-color);color:var(--primary-color)}.nav-item.active[data-v-0c5f927e]{background:var(--primary-light);color:var(--primary-color)}.text-danger[data-v-0c5f927e]{color:#ef4444!important}.text-danger[data-v-0c5f927e]:hover{background:#ef44441a!important}.sidebar-footer[data-v-0c5f927e]{border-top:1px solid var(--border-color);padding:1rem}.main-content[data-v-0c5f927e]{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;gap:1.5rem;width:100%;padding:1.5rem;display:flex}.dashboard-layout.collapsed .main-content[data-v-0c5f927e]{margin-left:var(--sidebar-width-collapsed)}.dashboard-layout.mobile-mode .main-content[data-v-0c5f927e]{margin-left:0;padding-bottom:80px}.topbar[data-v-0c5f927e]{height:var(--header-height);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.topbar-left[data-v-0c5f927e]{align-items:center;gap:1rem;display:flex}.page-title[data-v-0c5f927e]{color:var(--text-primary);font-size:1.5rem;font-weight:600}.role-badge[data-v-0c5f927e]{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.role-badge.admin[data-v-0c5f927e]{color:var(--admin-accent);background:#8b5cf61a}.role-badge.employee[data-v-0c5f927e]{color:var(--employee-accent);background:#10b9811a}.topbar-right[data-v-0c5f927e]{align-items:center;gap:1.5rem;display:flex}.icon-btn[data-v-0c5f927e]{color:var(--text-secondary);transition:color var(--transition-fast)}.icon-btn[data-v-0c5f927e]:hover{color:var(--primary-color)}.user-profile[data-v-0c5f927e]{cursor:pointer;align-items:center;gap:.8rem;display:flex}.avatar[data-v-0c5f927e]{background:var(--primary-light);width:40px;height:40px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.username[data-v-0c5f927e]{color:var(--text-primary);font-weight:500}.dashboard-grid[data-v-0c5f927e]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;display:grid}.widget-large[data-v-0c5f927e]{grid-column:span 2}@media (width<=1024px){.widget-large[data-v-0c5f927e]{grid-column:span 1}}.widget[data-v-0c5f927e]{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.widget[data-v-0c5f927e]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f26871a}.widget-header[data-v-0c5f927e]{justify-content:space-between;align-items:center;display:flex}.widget-header h3[data-v-0c5f927e]{color:var(--text-primary);font-size:1.1rem;font-weight:600}.text-primary[data-v-0c5f927e]{color:var(--primary-color)}.text-secondary[data-v-0c5f927e]{color:var(--secondary-color)}.text-accent[data-v-0c5f927e]{color:var(--accent-color)}.text-muted[data-v-0c5f927e]{color:var(--text-secondary);opacity:.5}.widget-content[data-v-0c5f927e]{flex:1}.attendance-widget[data-v-0c5f927e]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.time-display[data-v-0c5f927e]{color:var(--text-primary);font-size:2.5rem;font-weight:700}.date-display[data-v-0c5f927e]{color:var(--text-secondary);font-size:.9rem}.attendance-actions[data-v-0c5f927e]{width:100%;margin-top:1rem}.btn[data-v-0c5f927e]{width:100%;transition:all var(--transition-fast);border-radius:12px;padding:.8rem;font-size:1rem;font-weight:600}.btn-primary[data-v-0c5f927e]{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px var(--primary-light)}.btn-primary[data-v-0c5f927e]:hover{background:var(--primary-hover);transform:translateY(-2px)}.action-list[data-v-0c5f927e]{flex-direction:column;gap:.8rem;list-style:none;display:flex}.action-list li[data-v-0c5f927e]{color:var(--text-primary);border:1px solid var(--border-color);background:#fff6;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;font-size:.95rem;display:flex}.badge[data-v-0c5f927e]{border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.badge-secondary[data-v-0c5f927e]{color:var(--secondary-color);background:#f59e0b1a}.quick-launch-grid[data-v-0c5f927e]{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.quick-btn[data-v-0c5f927e]{cursor:pointer;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;display:flex}.quick-btn[data-v-0c5f927e]:hover{background:var(--surface-color);box-shadow:0 4px 12px #0000000d}.icon-wrapper[data-v-0c5f927e]{width:48px;height:48px;color:var(--accent-color);background:#ec48991a;border-radius:50%;justify-content:center;align-items:center;display:flex}.quick-btn span[data-v-0c5f927e]{text-align:center;color:var(--text-primary);font-size:.85rem;font-weight:500}.empty-state[data-v-0c5f927e]{height:100%;min-height:150px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-actions[data-v-0c5f927e]{margin-top:2rem}.admin-actions h3[data-v-0c5f927e]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1rem;font-weight:700}.btn-admin[data-v-0c5f927e]{width:100%;color:var(--primary-color);transition:all var(--transition-fast);border:1px solid var(--primary-light);background:#2563eb1a;border-radius:16px;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-size:1rem;font-weight:600;display:flex}.btn-admin[data-v-0c5f927e]:hover{background:#2563eb26;transform:translateY(-2px)}.mobile-nav[data-v-0c5f927e]{z-index:100;border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;width:100%;height:70px;display:flex;position:fixed;bottom:0;left:0}.mobile-nav-item[data-v-0c5f927e]{color:var(--text-secondary);padding:.5rem;position:relative}.mobile-nav-item.active[data-v-0c5f927e]{color:var(--primary-color)}.punch-btn[data-v-0c5f927e]{background:var(--primary-color);color:#fff;width:60px;height:60px;box-shadow:0 4px 16px var(--primary-light);border:4px solid var(--bg-color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.attendance-page[data-v-a8d186d6]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.attendance-header[data-v-a8d186d6]{height:var(--header-height);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.back-btn[data-v-a8d186d6]{color:var(--text-secondary);transition:color var(--transition-fast)}.back-btn[data-v-a8d186d6]:hover{color:var(--primary-color)}.attendance-header h2[data-v-a8d186d6]{font-size:1.2rem;font-weight:600}.header-spacer[data-v-a8d186d6]{width:24px}.attendance-main[data-v-a8d186d6]{flex-direction:column;flex:1;gap:1.2rem;width:100%;max-width:500px;margin:0 auto;padding:1rem 1rem 2rem;display:flex}.camera-container[data-v-a8d186d6]{aspect-ratio:3/4;background:var(--surface-color);border-radius:28px;justify-content:center;width:100%;margin:0 auto;padding:.5rem;display:flex;box-shadow:0 12px 32px #0000000d}.video-wrapper[data-v-a8d186d6]{width:100%;height:100%;transition:box-shadow var(--transition-normal);background:#000;border-radius:20px;position:relative;overflow:hidden}.video-wrapper.face-detected[data-v-a8d186d6]{box-shadow:0 0 0 4px var(--employee-accent)}video[data-v-a8d186d6]{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-loading[data-v-a8d186d6]{color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scanner-overlay[data-v-a8d186d6]{z-index:2;background:linear-gradient(#2563eb1a 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.scan-line[data-v-a8d186d6]{background:var(--primary-color);width:100%;height:2px;box-shadow:0 0 10px 2px var(--primary-color);animation:2.5s linear infinite scan-a8d186d6}@keyframes scan-a8d186d6{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}.bounding-box[data-v-a8d186d6]{z-index:3;border:2px solid #0000;width:60%;height:60%;animation:.3s ease-out forwards boxPop-a8d186d6;position:absolute;top:20%;left:20%}@keyframes boxPop-a8d186d6{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.corner[data-v-a8d186d6]{border:3px solid var(--employee-accent);width:20px;height:20px;position:absolute}.top-left[data-v-a8d186d6]{border-bottom:none;border-right:none;top:0;left:0}.top-right[data-v-a8d186d6]{border-bottom:none;border-left:none;top:0;right:0}.bottom-left[data-v-a8d186d6]{border-top:none;border-right:none;bottom:0;left:0}.bottom-right[data-v-a8d186d6]{border-top:none;border-left:none;bottom:0;right:0}.detect-badge[data-v-a8d186d6]{background:var(--employee-accent);color:#fff;white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.location-card[data-v-a8d186d6]{background:var(--surface-color);border-radius:20px;padding:1rem}.card-header[data-v-a8d186d6]{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.card-header h3[data-v-a8d186d6]{color:var(--text-primary);font-size:1rem;font-weight:700}.coords[data-v-a8d186d6]{color:var(--text-primary);margin-bottom:.2rem;font-family:monospace;font-size:.95rem}.coords .label[data-v-a8d186d6]{color:var(--text-secondary);font-weight:600}.address-real[data-v-a8d186d6]{color:var(--primary-color);margin-top:.8rem;font-size:.9rem;font-weight:500;line-height:1.4}.address-loading[data-v-a8d186d6]{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.8rem;font-size:.9rem;display:flex}.location-loading[data-v-a8d186d6]{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.action-container[data-v-a8d186d6]{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.status-msg[data-v-a8d186d6]{text-align:center;border-radius:8px;padding:.8rem;font-size:.9rem;font-weight:500}.status-msg.info[data-v-a8d186d6]{background:var(--primary-light);color:var(--primary-color)}.status-msg.error[data-v-a8d186d6]{color:#ef4444;background:#ef44441a;box-shadow:0 4px 15px #ef444466}.status-msg.success[data-v-a8d186d6]{color:#34d399;background:#10b98133;border-left:4px solid #10b981}.btn-leave[data-v-a8d186d6]{width:100%;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.btn-leave[data-v-a8d186d6]:hover{border-color:var(--primary-color);background:#ffffff1a}.modal-overlay[data-v-a8d186d6]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-a8d186d6]{background:var(--surface-color);border-radius:24px;flex-direction:column;gap:1rem;width:90%;max-width:400px;padding:2rem;display:flex}.form-group[data-v-a8d186d6]{flex-direction:column;gap:.5rem;display:flex}.form-input[data-v-a8d186d6]{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-primary);border-radius:8px;width:100%;padding:.8rem;font-family:inherit}.btn-action[data-v-a8d186d6]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;display:flex}.btn-action.primary[data-v-a8d186d6]{background:var(--primary-color);color:#fff}.btn-action.outline[data-v-a8d186d6]{border:1px solid var(--border-color);color:#fff;background:0 0}.modal-actions[data-v-a8d186d6]{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-punch[data-v-a8d186d6]{background:var(--primary-color);color:#fff;width:100%;transition:all var(--transition-fast);box-shadow:0 8px 24px var(--primary-light);border:none;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-size:1.1rem;font-weight:700;display:flex}.btn-punch[data-v-a8d186d6]:not(:disabled):hover{background:var(--primary-hover);box-shadow:0 12px 32px var(--primary-light);transform:translateY(-2px)}.btn-punch[data-v-a8d186d6]:disabled{background:var(--border-color);color:var(--text-secondary);box-shadow:none;cursor:not-allowed}.btn-punch.success[data-v-a8d186d6]{background:var(--employee-accent);box-shadow:0 8px 24px #10b98133}.spinner[data-v-a8d186d6]{animation:1s linear infinite spin-a8d186d6}@keyframes spin-a8d186d6{to{transform:rotate(360deg)}}.enrollment-page[data-v-db59aaf1]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.attendance-header[data-v-db59aaf1]{height:var(--header-height);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.back-btn[data-v-db59aaf1]{color:var(--text-secondary);transition:color var(--transition-fast)}.back-btn[data-v-db59aaf1]:hover{color:var(--primary-color)}.attendance-header h2[data-v-db59aaf1]{font-size:1.2rem;font-weight:600}.header-spacer[data-v-db59aaf1]{width:24px}.attendance-main[data-v-db59aaf1]{flex-direction:column;flex:1;gap:1.2rem;width:100%;max-width:500px;margin:0 auto;padding:1rem 1rem 2rem;display:flex}.info-card[data-v-db59aaf1]{border-left:4px solid var(--primary-color);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.info-card p[data-v-db59aaf1]{color:var(--text-primary);font-size:.9rem;line-height:1.5}.camera-container[data-v-db59aaf1]{aspect-ratio:3/4;background:var(--surface-color);border-radius:28px;justify-content:center;width:100%;margin:0 auto;padding:.5rem;display:flex;box-shadow:0 12px 32px #0000000d}.video-wrapper[data-v-db59aaf1]{background:#000;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}video[data-v-db59aaf1]{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-loading[data-v-db59aaf1]{color:#fff;z-index:10;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.action-container[data-v-db59aaf1]{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.status-msg[data-v-db59aaf1]{text-align:center;border-radius:8px;padding:.8rem;font-size:.9rem;font-weight:500}.status-msg.info[data-v-db59aaf1]{background:var(--primary-light);color:var(--primary-color)}.status-msg.error[data-v-db59aaf1]{color:#ef4444;background:#ef44441a}.status-msg.success[data-v-db59aaf1]{color:#10b981;background:#10b9811a}.btn-punch[data-v-db59aaf1]{background:var(--primary-color);color:#fff;width:100%;transition:all var(--transition-fast);box-shadow:0 8px 24px var(--primary-light);border:none;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-size:1.1rem;font-weight:700;display:flex}.btn-punch[data-v-db59aaf1]:not(:disabled):hover{background:var(--primary-hover);box-shadow:0 12px 32px var(--primary-light);transform:translateY(-2px)}.btn-punch[data-v-db59aaf1]:disabled{background:var(--border-color);color:var(--text-secondary);box-shadow:none;cursor:not-allowed}.spinner[data-v-db59aaf1]{animation:1s linear infinite spin-db59aaf1}@keyframes spin-db59aaf1{to{transform:rotate(360deg)}}.org-node[data-v-922da32b]{flex-direction:column;align-items:center;margin:0 10px;display:flex;position:relative}.node-content[data-v-922da32b]{border:1px solid var(--border-color);text-align:center;z-index:2;background:#fff;border-radius:8px;min-width:150px;margin-bottom:20px;padding:1rem;position:relative;box-shadow:0 4px 6px #0000000d}.node-title[data-v-922da32b]{font-size:1rem;font-weight:600}.node-subtitle[data-v-922da32b]{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.node-grade[data-v-922da32b]{background:#0000000d;border-radius:4px;margin-top:6px;padding:2px 6px;font-size:.75rem;display:inline-block}.node-children[data-v-922da32b]{justify-content:center;padding-top:20px;display:flex;position:relative}.node-content.has-children[data-v-922da32b]:after{content:"";background-color:#ccc;width:2px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.node-children[data-v-922da32b]:before{content:"";background-color:#ccc;width:2px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.org-node[data-v-922da32b]:not(:only-child):before{content:"";background-color:#ccc;width:100%;height:2px;position:absolute;top:-20px;left:0}.org-node[data-v-922da32b]:first-child:before{width:50%;left:50%}.org-node[data-v-922da32b]:last-child:before{width:50%;left:0}.org-node[data-v-922da32b]:after{content:"";background-color:#ccc;width:2px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.org-node[data-v-922da32b]:only-child:before,.org-node[data-v-922da32b]:only-child:after{display:none}.admin-page[data-v-4f9cad63]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.admin-header[data-v-4f9cad63]{height:var(--header-height);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.back-btn[data-v-4f9cad63]{color:var(--text-secondary)}.admin-header h2[data-v-4f9cad63]{font-size:1.2rem;font-weight:600}.header-spacer[data-v-4f9cad63]{width:24px}.admin-layout[data-v-4f9cad63]{flex:1;display:flex;overflow:hidden}.admin-sidebar[data-v-4f9cad63]{border-right:1px solid var(--border-color);background:var(--surface-color);width:250px;padding:1.5rem 1rem;overflow-y:auto}.admin-main[data-v-4f9cad63]{flex:1;max-width:1200px;margin:0 auto;padding:2rem;overflow-y:auto}.admin-tabs[data-v-4f9cad63]{flex-direction:column;gap:.5rem;display:flex}.tab-btn[data-v-4f9cad63]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:.75rem;padding:.8rem 1rem;font-weight:600;transition:all .2s;display:flex}.tab-btn[data-v-4f9cad63]:hover{background:#0000000d}.tab-btn.active[data-v-4f9cad63]{background:var(--primary-color);color:#fff}.table-container[data-v-4f9cad63],.employees-container[data-v-4f9cad63],.leaves-container[data-v-4f9cad63]{background:var(--surface-color);border-radius:24px;padding:1.5rem}.loading-state[data-v-4f9cad63],.error-state[data-v-4f9cad63],.empty-state[data-v-4f9cad63]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.logs-table[data-v-4f9cad63]{border-collapse:collapse;width:100%}.logs-table th[data-v-4f9cad63]{color:var(--text-secondary);border-bottom:2px solid var(--border-color);padding:1rem}.logs-table td[data-v-4f9cad63]{border-bottom:1px solid var(--border-color);padding:1rem}.status-badge[data-v-4f9cad63]{border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.status-badge.success[data-v-4f9cad63]{color:#10b981;background:#10b9811a}.status-badge.error[data-v-4f9cad63]{color:#ef4444;background:#ef44441a}.status-badge.warning[data-v-4f9cad63]{color:#eab308;background:#eab3081a}.spinner[data-v-4f9cad63]{animation:1s linear infinite spin-4f9cad63}@keyframes spin-4f9cad63{to{transform:rotate(360deg)}}.image-preview[data-v-4f9cad63]{object-fit:contain;border-radius:12px;max-width:100%;max-height:200px}.modal-overlay[data-v-4f9cad63]{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-4f9cad63]{background:var(--surface-color);border-radius:16px;max-width:90%;max-height:90vh;padding:1.5rem;overflow-y:auto}.profile-header[data-v-4f9cad63]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.preview-area[data-v-4f9cad63]{flex-direction:column;align-items:center;gap:1rem;display:flex}.modal-actions[data-v-4f9cad63]{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.status-msg[data-v-4f9cad63]{text-align:center;border-radius:8px;padding:.8rem;font-size:.9rem}.status-msg.info[data-v-4f9cad63]{background:var(--primary-light);color:var(--primary-color)}.status-msg.error[data-v-4f9cad63]{color:#ef4444;background:#ef44441a}.status-msg.success[data-v-4f9cad63]{color:#10b981;background:#10b9811a}.settings-container[data-v-4f9cad63]{border-radius:24px;padding:1.5rem}.settings-header[data-v-4f9cad63]{margin-bottom:1.5rem}.settings-header h3[data-v-4f9cad63]{font-size:1.2rem;font-weight:600}.settings-grid[data-v-4f9cad63]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.setting-card[data-v-4f9cad63]{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.setting-card h4[data-v-4f9cad63]{color:var(--primary-color);font-size:1.1rem}.text-muted[data-v-4f9cad63]{color:var(--text-secondary);font-size:.85rem}.form-group[data-v-4f9cad63]{flex-direction:column;gap:.5rem;display:flex}.form-group label[data-v-4f9cad63]{font-size:.9rem;font-weight:500}.form-input[data-v-4f9cad63]{color:var(--text-primary);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.8rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input[data-v-4f9cad63]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input[data-v-4f9cad63]:disabled{opacity:.7;cursor:not-allowed;background:#0000000d}.excel-like-grid[data-v-4f9cad63]{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);background:var(--surface-color);grid-template-columns:150px 1fr;font-size:.85rem;display:grid}.excel-like-grid .grid-cell[data-v-4f9cad63]{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);align-items:center;min-height:38px;padding:0;display:flex}.excel-like-grid .grid-cell.label[data-v-4f9cad63]{color:var(--text-secondary);background:#00000005;padding:.4rem .8rem;font-weight:600}.excel-like-grid .grid-cell input[data-v-4f9cad63],.excel-like-grid .grid-cell select[data-v-4f9cad63],.excel-like-grid .grid-cell textarea[data-v-4f9cad63]{width:100%;font-family:inherit;font-size:inherit;color:var(--text-primary);background:0 0;border:none;outline:none;padding:.4rem .8rem}.excel-like-grid .grid-cell input[data-v-4f9cad63]:focus,.excel-like-grid .grid-cell select[data-v-4f9cad63]:focus,.excel-like-grid .grid-cell textarea[data-v-4f9cad63]:focus{background:#2563eb0d}.shift-list[data-v-4f9cad63]{flex-direction:column;gap:.8rem;list-style:none;display:flex}.shift-item[data-v-4f9cad63]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.shift-info[data-v-4f9cad63]{flex-direction:column;display:flex}.shift-info strong[data-v-4f9cad63]{font-size:.95rem}.shift-info span[data-v-4f9cad63]{color:var(--text-secondary);font-size:.8rem}.badge[data-v-4f9cad63]{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge-primary[data-v-4f9cad63]{color:var(--primary-color);background:#2563eb1a}.badge-secondary[data-v-4f9cad63]{color:var(--text-secondary);background:#64748b1a}.mt-1[data-v-4f9cad63]{margin-top:1rem}.settings-footer[data-v-4f9cad63]{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-action[data-v-4f9cad63]{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;display:flex}.btn-action.primary[data-v-4f9cad63]{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-action.primary[data-v-4f9cad63]:hover:not(:disabled){background:var(--primary-hover)}.btn-action.primary[data-v-4f9cad63]:disabled{opacity:.7;cursor:not-allowed}.btn-action.outline[data-v-4f9cad63]{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-action.outline[data-v-4f9cad63]:hover{background:#0000000d}.btn-action.icon-only[data-v-4f9cad63]{border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.text-danger[data-v-4f9cad63]{color:#ef4444}.text-warning[data-v-4f9cad63]{color:#f59e0b}.text-primary[data-v-4f9cad63]{color:var(--primary-color)}.kanban-board[data-v-4f9cad63]{gap:1.5rem;min-height:500px;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column[data-v-4f9cad63]{flex-direction:column;flex:0 0 300px;padding:1rem;display:flex}.kanban-header[data-v-4f9cad63]{border-bottom:2px solid var(--border-color);color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.kanban-cards[data-v-4f9cad63]{flex-direction:column;flex:1;gap:1rem;min-height:100px;display:flex}.kanban-card[data-v-4f9cad63]{background:var(--surface-color);border:1px solid var(--border-color);cursor:grab;border-radius:12px;padding:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #00000005}.kanban-card[data-v-4f9cad63]:active{cursor:grabbing}.kanban-card[data-v-4f9cad63]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card-title[data-v-4f9cad63]{margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.card-job[data-v-4f9cad63]{color:var(--primary-color);margin-bottom:.8rem;font-size:.85rem;font-weight:500}.card-details[data-v-4f9cad63]{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.card-actions[data-v-4f9cad63]{justify-content:flex-end;margin-top:1rem;display:flex}.user-page[data-v-1a14993b]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.page-header[data-v-1a14993b]{height:var(--header-height);z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.page-header h2[data-v-1a14993b]{color:var(--text-primary);flex:1;font-size:1.5rem;font-weight:700}.back-btn[data-v-1a14993b]{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.back-btn[data-v-1a14993b]:hover{color:var(--primary-color)}.page-content[data-v-1a14993b]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.table-container[data-v-1a14993b]{padding:1.5rem}.data-table[data-v-1a14993b]{border-collapse:collapse;width:100%}.data-table th[data-v-1a14993b],.data-table td[data-v-1a14993b]{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}.data-table th[data-v-1a14993b]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.status-badge[data-v-1a14993b]{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.status-badge.success[data-v-1a14993b]{color:var(--success-color);background:#10b9811a}.status-badge.warning[data-v-1a14993b]{color:var(--warning-color);background:#f59e0b1a}.status-badge.error[data-v-1a14993b]{color:var(--danger-color);background:#ef44441a}.empty-state[data-v-1a14993b]{text-align:center;color:var(--text-secondary);padding:3rem}.user-page[data-v-6273bc47]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.page-header[data-v-6273bc47]{height:var(--header-height);z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.page-header h2[data-v-6273bc47]{color:var(--text-primary);flex:1;font-size:1.5rem;font-weight:700}.back-btn[data-v-6273bc47]{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.back-btn[data-v-6273bc47]:hover{color:var(--primary-color)}.page-content[data-v-6273bc47]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.table-container[data-v-6273bc47]{padding:1.5rem}.data-table[data-v-6273bc47]{border-collapse:collapse;width:100%}.data-table th[data-v-6273bc47],.data-table td[data-v-6273bc47]{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}.data-table th[data-v-6273bc47]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.status-badge[data-v-6273bc47]{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.status-badge.success[data-v-6273bc47]{color:var(--success-color);background:#10b9811a}.status-badge.warning[data-v-6273bc47]{color:var(--warning-color);background:#f59e0b1a}.empty-state[data-v-6273bc47]{text-align:center;color:var(--text-secondary);padding:3rem}.user-page[data-v-7493422f]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.page-header[data-v-7493422f]{height:var(--header-height);z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.page-header h2[data-v-7493422f]{color:var(--text-primary);flex:1;font-size:1.5rem;font-weight:700}.back-btn[data-v-7493422f]{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.back-btn[data-v-7493422f]:hover{color:var(--primary-color)}.page-content[data-v-7493422f]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.table-container[data-v-7493422f]{padding:1.5rem}.data-table[data-v-7493422f]{border-collapse:collapse;width:100%}.data-table th[data-v-7493422f],.data-table td[data-v-7493422f]{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}.data-table th[data-v-7493422f]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.status-badge[data-v-7493422f]{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.status-badge.success[data-v-7493422f]{color:var(--success-color);background:#10b9811a}.status-badge.warning[data-v-7493422f]{color:var(--warning-color);background:#f59e0b1a}.empty-state[data-v-7493422f]{text-align:center;color:var(--text-secondary);padding:3rem}.user-page[data-v-7b12e4ff]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.page-header[data-v-7b12e4ff]{height:var(--header-height);z-index:10;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.back-btn[data-v-7b12e4ff]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.back-btn[data-v-7b12e4ff]:hover{color:var(--text-primary);background:#0000000d}.page-header h2[data-v-7b12e4ff]{color:var(--text-primary);flex:1;margin:0;font-size:1.25rem;font-weight:600}.page-content[data-v-7b12e4ff]{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.table-container[data-v-7b12e4ff]{background:var(--surface-color);border-radius:24px;padding:1.5rem;overflow:hidden}.loading-state[data-v-7b12e4ff]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.spinner[data-v-7b12e4ff]{animation:1s linear infinite spin-7b12e4ff}@keyframes spin-7b12e4ff{to{transform:rotate(360deg)}}.user-page[data-v-14350123]{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.page-header[data-v-14350123]{height:var(--header-height);z-index:10;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.back-btn[data-v-14350123]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.back-btn[data-v-14350123]:hover{color:var(--text-primary);background:#0000000d}.page-header h2[data-v-14350123]{color:var(--text-primary);flex:1;margin:0;font-size:1.25rem;font-weight:600}.page-content[data-v-14350123]{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.table-container[data-v-14350123]{background:var(--surface-color);border-radius:24px;padding:1.5rem;overflow:hidden}.loading-state[data-v-14350123],.empty-state[data-v-14350123]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.spinner[data-v-14350123]{animation:1s linear infinite spin-14350123}@keyframes spin-14350123{to{transform:rotate(360deg)}}.table-wrapper[data-v-14350123]{overflow-x:auto}.data-table[data-v-14350123]{border-collapse:collapse;width:100%;min-width:800px}.data-table th[data-v-14350123]{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding:1rem;font-size:.85rem;font-weight:600}.data-table td[data-v-14350123]{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.data-table tr:last-child td[data-v-14350123]{border-bottom:none}.type-badge[data-v-14350123]{border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.type-badge.leave[data-v-14350123]{color:#3b82f6;background:#3b82f61a}.type-badge.kasbon[data-v-14350123]{color:#f59e0b;background:#f59e0b1a}.detail-text[data-v-14350123]{line-height:1.4}.action-buttons[data-v-14350123]{gap:.5rem;display:flex}.btn-action.small[data-v-14350123]{border-radius:8px;padding:.4rem .8rem;font-size:.85rem}.btn-action.success[data-v-14350123]{color:#fff;background:#10b981;border:none}.btn-action.success[data-v-14350123]:hover{background:#059669}.btn-action.danger.outline[data-v-14350123]{color:#ef4444;background:0 0;border:1px solid #ef4444}.btn-action.danger.outline[data-v-14350123]:hover{background:#ef44441a}