*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary)}[data-v-52c286a7]{margin:0;padding:0;box-sizing:border-box}.login-container[data-v-52c286a7]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);padding:20px}.login-content[data-v-52c286a7]{display:flex;width:100%;max-width:1200px;min-height:700px;max-height:700px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.form-section[data-v-52c286a7]{flex:1.2;display:flex;flex-direction:column;background-color:#fff}.right-section[data-v-52c286a7]{flex:1;background:linear-gradient(135deg,#1a1a1a 0%,var(--primary-color) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.overlay[data-v-52c286a7]{position:relative;z-index:1;text-align:center;color:var(--secondary-color);padding:40px}.brand-title[data-v-52c286a7]{font-size:64px;font-weight:900;letter-spacing:8px;margin-bottom:16px;text-shadow:2px 2px 20px rgba(255,255,255,.3)}.brand-subtitle[data-v-52c286a7]{font-size:18px;font-weight:300;letter-spacing:2px;opacity:.9}.input-row[data-v-3554e3bf]{display:flex;gap:var(--space-lg)}.tabs[data-v-3554e3bf]{width:100%;align-items:center;display:flex;border-bottom:var(--border-width) solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky)}.form-wrapper[data-v-3554e3bf]{width:100%;max-width:500px;margin:0 auto;padding:60px 40px;flex:1;display:flex;align-items:center;justify-content:center}.tab[data-v-3554e3bf]{flex:1;width:10px;padding:var(--space-md) 0;background:none;border:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);position:relative}.tab.active[data-v-3554e3bf]{color:var(--text-primary)}.tab.active[data-v-3554e3bf]:after{content:"";position:absolute;bottom:calc(var(--border-width) * -1);left:0;right:0;height:var(--border-width);background-color:var(--primary-color)}.tab[data-v-3554e3bf]:hover:not(.active){color:var(--text-secondary)}.form[data-v-3554e3bf]{display:flex;flex-direction:column;gap:var(--space-xl)}.title[data-v-3554e3bf]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.input-group[data-v-3554e3bf]{display:flex;flex-direction:column;gap:var(--space-sm);max-height:150px;opacity:1;overflow:hidden;transition:max-height .4s ease,opacity .4s ease,margin .4s ease}.input-group.hidden[data-v-3554e3bf]{max-height:0;opacity:0;margin-top:0!important;margin-bottom:0!important}.input-group label[data-v-3554e3bf]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.input-group input[data-v-3554e3bf]{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);transition:all var(--transition-base);background-color:var(--bg-input)}.input-group input[data-v-3554e3bf]:focus{outline:none;border-color:var(--primary-color);background-color:var(--secondary-color)}.input-group input[data-v-3554e3bf]::placeholder{color:var(--text-placeholder)}.submit-btn[data-v-3554e3bf]{padding:14px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm)}.submit-btn[data-v-3554e3bf]:hover{background-color:var(--primary-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn[data-v-3554e3bf]:active{transform:translateY(0)}.password-strength[data-v-3554e3bf]{margin-top:var(--space-sm)}.strength-bars[data-v-3554e3bf]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.strength-bar[data-v-3554e3bf]{flex:1;height:4px;background-color:var(--border-color);border-radius:2px;transition:background-color var(--transition-base)}.strength-bar.weak[data-v-3554e3bf]{background-color:#f44}.strength-bar.medium[data-v-3554e3bf]{background-color:var(--color-warning)}.strength-bar.strong[data-v-3554e3bf]{background-color:var(--color-success)}.password-requirements[data-v-3554e3bf]{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}.status-wrapper[data-v-7558eb79]{width:100%;max-width:500px;margin:0 auto;padding:60px 40px;flex:1;display:flex;align-items:center;justify-content:center}.status-card[data-v-7558eb79]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.icon-wrapper[data-v-7558eb79]{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background-color:var(--blue-warning);color:#1976d2}.icon[data-v-7558eb79]{width:60px;height:60px}.title[data-v-7558eb79]{font-size:32px;font-weight:700;color:var(--primary-color)}.description[data-v-7558eb79]{font-size:16px;color:var(--primary-active-color);line-height:1.6;max-width:400px}.description strong[data-v-7558eb79]{color:var(--primary-color);font-weight:600}.actions[data-v-7558eb79]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;margin-top:16px}.resend-btn[data-v-7558eb79]{padding:14px 32px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-btn[data-v-7558eb79]:hover{background-color:var(--primary-hover-color);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.info-text strong[data-v-7558eb79]{color:var(--primary-color)}.form-wrapper[data-v-030408d2]{width:100%;max-width:500px;margin:0 auto;padding:60px 40px;flex:1;align-items:center;justify-content:center}.icon-wrapper[data-v-030408d2]{width:100px;height:100px;margin:0 auto 24px;border-radius:50%;background-color:#e8f5e9;color:#388e3c;display:flex;align-items:center;justify-content:center}.icon[data-v-030408d2]{width:50px;height:50px}.title[data-v-030408d2]{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:8px;margin-left:15%}.verification-form[data-v-030408d2]{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.input-group[data-v-030408d2]{display:flex;justify-content:center}.verification-input[data-v-030408d2]{width:100%;max-width:350px;padding:20px;font-size:32px;font-weight:700;text-align:center;letter-spacing:12px;border:2px solid #e5e5e5;border-radius:8px;background-color:#fafafa;transition:all .3s ease}.verification-input.recovery[data-v-030408d2]{font-size:20px;letter-spacing:2px}.verification-input[data-v-030408d2]:focus{outline:none;border-color:var(--primary-color);background-color:#fff}.verification-input.error[data-v-030408d2]{border-color:#ff5465;background-color:#fff5f5}.error-message[data-v-030408d2]{color:#ff5465;font-size:14px;text-align:center;margin-top:-8px}.verify-btn[data-v-030408d2]{padding:16px 32px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.verify-btn[data-v-030408d2]:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.verify-btn[data-v-030408d2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-text[data-v-030408d2]{display:flex;align-items:center;justify-content:center;gap:12px}.spinner-small[data-v-030408d2]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin-030408d2 .8s linear infinite}@keyframes spin-030408d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider[data-v-030408d2]{display:flex;align-items:center;margin:24px 0;color:#999;font-size:14px}.divider[data-v-030408d2]:before,.divider[data-v-030408d2]:after{content:"";flex:1;height:1px;background-color:#e5e5e5}.divider span[data-v-030408d2]{padding:0 16px}.toggle-btn[data-v-030408d2]{padding:12px 24px;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.toggle-btn[data-v-030408d2]:hover{background-color:var(--primary-color);color:var(--secondary-color)}.help-text p[data-v-030408d2]{font-size:13px;color:#666;line-height:1.6}.help-text strong[data-v-030408d2]{color:var(--primary-color);font-size:14px;display:block;margin-bottom:8px}[data-v-814927a2]{margin:0;padding:0;box-sizing:border-box}.dashboard-layout[data-v-814927a2]{display:flex;min-height:100vh;background-color:var(--bg-page)}.sidebar[data-v-814927a2]{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--secondary-color);display:flex;flex-direction:column;transition:width var(--transition-base);position:fixed;height:100vh;left:0;top:0;z-index:var(--z-modal)}.sidebar.collapsed[data-v-814927a2]{width:var(--sidebar-collapsed-width)}.sidebar-header[data-v-814927a2]{padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-814927a2]{display:flex;align-items:center;justify-content:center}.logo-text[data-v-814927a2]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:4px}.logo-icon[data-v-814927a2]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}.sidebar-nav[data-v-814927a2]{flex:1;padding:var(--space-xl) 0;overflow-y:auto}.nav-item[data-v-814927a2]{display:flex;align-items:center;gap:var(--space-lg);padding:14px var(--space-xl);color:#ffffffb3;text-decoration:none;transition:all var(--transition-base);position:relative}.nav-item[data-v-814927a2]:hover{background-color:#ffffff0d;color:var(--secondary-color)}.nav-item.active[data-v-814927a2]{background-color:#ffffff1a;color:var(--secondary-color)}.nav-item.active[data-v-814927a2]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--secondary-color)}.nav-icon[data-v-814927a2]{width:24px;height:24px;flex-shrink:0}.nav-label[data-v-814927a2]{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap}.sidebar.collapsed .nav-item[data-v-814927a2]{justify-content:center;padding:14px}.sidebar-footer[data-v-814927a2]{padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.collapse-btn[data-v-814927a2]{width:100%;padding:var(--space-md);background-color:#ffffff0d;border:none;border-radius:var(--border-radius-md);color:var(--secondary-color);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.collapse-btn[data-v-814927a2]:hover{background-color:#ffffff1a}.collapse-btn svg[data-v-814927a2]{width:20px;height:20px;transition:transform var(--transition-base)}.sidebar.collapsed .collapse-btn svg[data-v-814927a2]{transform:rotate(180deg)}.main-container[data-v-814927a2]{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.sidebar.collapsed~.main-container[data-v-814927a2]{margin-left:var(--sidebar-collapsed-width)}.top-header[data-v-814927a2]{height:var(--header-height);background-color:var(--secondary-color);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xxl);position:sticky;top:0;z-index:var(--z-dropdown)}.header-left[data-v-814927a2]{display:flex;align-items:center;gap:var(--space-xl)}.page-title[data-v-814927a2]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.header-right[data-v-814927a2]{display:flex;align-items:center;gap:var(--space-lg)}.icon-btn[data-v-814927a2]{width:40px;height:40px;border-radius:var(--border-radius-md);background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-base);position:relative}.icon-btn[data-v-814927a2]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-btn svg[data-v-814927a2]{width:22px;height:22px}.badge[data-v-814927a2]{position:absolute;top:var(--space-xs);right:var(--space-xs);background-color:var(--color-danger);color:var(--secondary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.user-menu[data-v-814927a2]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);position:relative}.user-menu[data-v-814927a2]:hover{background-color:var(--bg-hover)}.user-avatar[data-v-814927a2]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.user-info[data-v-814927a2]{display:flex;flex-direction:column;gap:2px}.user-name[data-v-814927a2]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.user-role[data-v-814927a2]{font-size:var(--font-size-xs);color:var(--text-muted)}.chevron[data-v-814927a2]{width:16px;height:16px;color:var(--text-muted)}.user-dropdown[data-v-814927a2]{position:absolute;top:calc(100% + var(--space-sm));right:0;width:280px;background-color:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-modal)}.dropdown-header[data-v-814927a2]{padding:var(--space-lg);background-color:var(--bg-input-disabled)}.dropdown-name[data-v-814927a2]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.dropdown-email[data-v-814927a2]{font-size:var(--font-size-sm);color:var(--text-muted)}.dropdown-divider[data-v-814927a2]{height:1px;background-color:var(--border-color)}.dropdown-item[data-v-814927a2]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.dropdown-item[data-v-814927a2]:hover{background-color:var(--bg-input-disabled)}.dropdown-item svg[data-v-814927a2]{width:18px;height:18px;color:var(--text-muted)}.dropdown-item.danger[data-v-814927a2]{color:var(--color-danger)}.dropdown-item.danger svg[data-v-814927a2]{color:var(--color-danger)}.main-content[data-v-814927a2]{flex:1;padding:var(--space-xxl);overflow-y:auto}@media(max-width:768px){.sidebar[data-v-814927a2]{width:var(--sidebar-collapsed-width)}.sidebar .nav-label[data-v-814927a2],.sidebar .user-info[data-v-814927a2]{display:none}.main-container[data-v-814927a2]{margin-left:var(--sidebar-collapsed-width)}}.dropzone[data-v-8e858133]{border:2px dashed var(--border-input-color);border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.dropzone[data-v-8e858133]:hover{border-color:var(--primary-color);background-color:#f8f9fa}.dropzone.has-file[data-v-8e858133]{border-color:var(--primary-color);background-color:#f0f8ff}.dropzone-content svg[data-v-8e858133]{color:var(--primary-active-color);margin-bottom:12px}.dropzone-content p[data-v-8e858133]{margin:0;font-size:14px;color:var(--primary-color)}.file-info[data-v-8e858133]{display:flex;flex-direction:column;align-items:center;gap:8px}.file-info svg[data-v-8e858133]{color:var(--primary-color)}.file-name[data-v-8e858133]{font-size:16px;font-weight:600;color:var(--primary-color);word-break:break-word}.file-size[data-v-8e858133]{font-size:14px;color:var(--primary-active-color)}.progress-container[data-v-8e858133]{margin-bottom:20px}.progress-bar[data-v-8e858133]{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-8e858133]{height:100%;background-color:var(--primary-color);transition:width .3s ease}.progress-status[data-v-8e858133]{font-size:14px;color:var(--primary-color);text-align:center;margin:0}.documents-view[data-v-4b3b20f1]{display:flex;flex-direction:column;gap:var(--space-xl)}.docs-fade-enter-active[data-v-4b3b20f1],.docs-fade-leave-active[data-v-4b3b20f1]{transition:opacity .2s ease}.docs-fade-enter-from[data-v-4b3b20f1],.docs-fade-leave-to[data-v-4b3b20f1]{opacity:0}.toolbar[data-v-4b3b20f1]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.toolbar-left[data-v-4b3b20f1]{display:flex;gap:var(--space-lg);align-items:center;flex:1}.btn-primary[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary[data-v-4b3b20f1]:hover{background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary svg[data-v-4b3b20f1]{width:18px;height:18px}.btn-secondary[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background-color:var(--bg-card);color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-secondary svg[data-v-4b3b20f1]{width:18px;height:18px;color:var(--primary-color)}.search-box[data-v-4b3b20f1]{position:relative;flex:1;max-width:400px}.search-icon[data-v-4b3b20f1]{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.search-input[data-v-4b3b20f1]{width:100%;padding:10px var(--space-md) 10px 40px;border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input[data-v-4b3b20f1]:focus{outline:none;border-color:var(--primary-color)}.breadcrumb[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-base);flex-wrap:wrap}.breadcrumb-item[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-weight:var(--font-weight-semibold)}.breadcrumb-item.clickable[data-v-4b3b20f1]{color:var(--primary-color);cursor:pointer}.breadcrumb-item.clickable[data-v-4b3b20f1]:hover{text-decoration:underline}.breadcrumb-separator[data-v-4b3b20f1]{color:var(--text-muted);margin:0 2px}.new-folder-bar[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--border-radius-md);width:50%;border:var(--border-width) solid var(--border-color)}.folder-icon-input[data-v-4b3b20f1]{color:var(--primary-color);flex-shrink:0}.new-folder-input[data-v-4b3b20f1]{flex:1;padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);outline:none}.new-folder-input[data-v-4b3b20f1]:focus{border-color:var(--primary-color)}.btn-confirm-folder[data-v-4b3b20f1]{padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-confirm-folder[data-v-4b3b20f1]:hover:not(:disabled){background-color:var(--primary-hover-color)}.btn-confirm-folder[data-v-4b3b20f1]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-folder[data-v-4b3b20f1]{padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--text-muted);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel-folder[data-v-4b3b20f1]:hover{background-color:var(--bg-hover)}.folders-section[data-v-4b3b20f1]{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.section-title[data-v-4b3b20f1]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}.folders-grid[data-v-4b3b20f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.folder-card[data-v-4b3b20f1]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background-color:var(--bg-input-disabled);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);border:var(--border-width) solid transparent}.folder-card[data-v-4b3b20f1]:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.folder-card-content[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-md);min-width:0}.folder-icon[data-v-4b3b20f1]{color:var(--primary-color);flex-shrink:0}.folder-name[data-v-4b3b20f1]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-delete-btn[data-v-4b3b20f1]{display:flex;align-items:center;justify-content:center;padding:var(--space-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;background-color:transparent;color:var(--text-muted);transition:all var(--transition-fast);opacity:0;flex-shrink:0}.folder-card:hover .folder-delete-btn[data-v-4b3b20f1]{opacity:1}.folder-delete-btn[data-v-4b3b20f1]:hover{background-color:#f8d7da;color:var(--color-danger-dark)}.folder-delete-btn svg[data-v-4b3b20f1]{width:16px;height:16px}.documents-section[data-v-4b3b20f1]{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.table-container[data-v-4b3b20f1]{overflow-x:auto}.documents-table[data-v-4b3b20f1]{width:100%;border-collapse:collapse}.documents-table thead[data-v-4b3b20f1]{background-color:var(--bg-input-disabled)}.documents-table th[data-v-4b3b20f1]{padding:var(--space-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);border-bottom:var(--border-width) solid var(--border-color)}.documents-table td[data-v-4b3b20f1]{padding:var(--space-lg) var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--bg-hover)}.documents-table tbody tr[data-v-4b3b20f1]:hover{background-color:var(--bg-input-disabled)}.action-btn svg[data-v-4b3b20f1]{width:16px;height:16px}.empty-state[data-v-4b3b20f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-4b3b20f1]{width:80px;height:80px;color:var(--text-muted);opacity:.5;margin-bottom:var(--space-xl)}.empty-state h3[data-v-4b3b20f1]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p[data-v-4b3b20f1]{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.document-name[data-v-4b3b20f1]{display:flex;align-items:center;gap:var(--space-sm)}.document-name svg[data-v-4b3b20f1]{color:var(--text-muted)}.status-badge[data-v-4b3b20f1]{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.encrypted[data-v-4b3b20f1]{background-color:#d4edda;color:#155724}.action-buttons[data-v-4b3b20f1]{display:flex;gap:var(--space-sm)}.action-btn[data-v-4b3b20f1]{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:transparent}.action-btn[data-v-4b3b20f1]:hover{background-color:var(--bg-hover)}.action-btn.download[data-v-4b3b20f1]{color:var(--text-primary)}.action-btn.download[data-v-4b3b20f1]:hover{background-color:#e3f2fd;color:var(--text-secondary)}.action-btn.delete[data-v-4b3b20f1]{color:var(--color-danger-dark)}.action-btn.delete[data-v-4b3b20f1]:hover{background-color:#f8d7da}.modal-body[data-v-b99ea4d2]{width:55vh;padding:24px;display:flex;flex-direction:column;gap:20px}.input-row[data-v-b99ea4d2]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-hint[data-v-b99ea4d2]{font-size:12px;color:var(--primary-active-color);margin:0}.checkbox-group[data-v-b99ea4d2]{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox][data-v-b99ea4d2]{width:18px;height:18px;cursor:pointer}.checkbox-group label[data-v-b99ea4d2]{font-size:14px;font-weight:500;color:var(--primary-color);cursor:pointer}.modal-actions[data-v-b99ea4d2]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media(max-width:768px){.input-row[data-v-b99ea4d2]{grid-template-columns:1fr}.modal-actions[data-v-b99ea4d2]{flex-direction:column}}.modal-overlay[data-v-f70e2a60]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-f70e2a60]{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-small[data-v-f70e2a60]{max-width:500px}.modal-header[data-v-f70e2a60]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid var(--border-input-color)}.modal-header h2[data-v-f70e2a60]{font-size:20px;font-weight:700;color:var(--primary-color);margin:0}.modal-body[data-v-f70e2a60]{padding:24px;display:flex;flex-direction:column;gap:20px}.success-icon[data-v-f70e2a60]{display:flex;align-items:center;justify-content:center;margin:20px auto}.success-icon svg[data-v-f70e2a60]{width:80px;height:80px;color:#00c851}.success-message[data-v-f70e2a60]{text-align:center;font-size:15px;color:var(--primary-hover-color);margin:0 0 24px;line-height:1.5}.link-box[data-v-f70e2a60]{display:flex;gap:12px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:2px solid var(--border-input-color)}.link-input[data-v-f70e2a60]{flex:1;padding:8px 12px;border:none;background:#fff;border-radius:6px;font-size:13px;color:var(--primary-color);font-family:monospace}.copy-btn[data-v-f70e2a60]{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn[data-v-f70e2a60]:hover{background-color:var(--primary-hover-color)}.copy-btn svg[data-v-f70e2a60]{width:16px;height:16px}.info-box[data-v-f70e2a60]{display:flex;gap:12px;padding:16px;background-color:#e3f2fd;border-radius:8px;border-left:4px solid #1976d2}.info-box svg[data-v-f70e2a60]{width:20px;height:20px;color:#1976d2;flex-shrink:0;margin-top:2px}.info-box p[data-v-f70e2a60]{font-size:13px;color:#1565c0;margin:0;line-height:1.5}.modal-actions[data-v-f70e2a60]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary[data-v-f70e2a60]{padding:12px 24px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-f70e2a60]:hover{background-color:var(--primary-hover-color)}.full-width[data-v-f70e2a60]{width:100%;justify-content:center}@media(max-width:768px){.modal[data-v-f70e2a60]{max-width:100%}.modal-actions[data-v-f70e2a60]{flex-direction:column}.btn-primary[data-v-f70e2a60]{width:100%;justify-content:center}}.shared-documents-view[data-v-fea37dfb]{display:flex;flex-direction:column;gap:24px}.stat-icon svg[data-v-fea37dfb]{width:28px;height:28px;color:#fff}.toolbar[data-v-fea37dfb]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar-left[data-v-fea37dfb]{display:flex;gap:16px;align-items:center;flex:1}.btn-primary[data-v-fea37dfb]{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary[data-v-fea37dfb]:hover{background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary svg[data-v-fea37dfb]{width:18px;height:18px}.search-box[data-v-fea37dfb]{position:relative;flex:1;max-width:400px}.search-icon[data-v-fea37dfb]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--primary-active-color)}.search-input[data-v-fea37dfb]{width:100%;padding:10px 12px 10px 40px;border:2px solid var(--border-input-color);border-radius:8px;font-size:14px;transition:all .3s ease}.search-input[data-v-fea37dfb]:focus{outline:none;border-color:var(--primary-color)}.shares-section[data-v-fea37dfb]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-container[data-v-fea37dfb]{overflow-x:auto}.shares-table[data-v-fea37dfb]{width:100%;border-collapse:collapse}.shares-table thead[data-v-fea37dfb]{background-color:#f8f9fa}.shares-table th[data-v-fea37dfb]{padding:16px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--primary-active-color);border-bottom:2px solid var(--border-input-color);white-space:nowrap}.shares-table td[data-v-fea37dfb]{padding:16px 12px;font-size:14px;color:var(--primary-color);border-bottom:1px solid #f0f0f0}.shares-table tbody tr[data-v-fea37dfb]:hover{background-color:#f8f9fa}.document-cell[data-v-fea37dfb]{display:flex;align-items:center;gap:12px}.file-icon[data-v-fea37dfb]{width:24px;height:24px;color:var(--primary-active-color);flex-shrink:0}.document-name[data-v-fea37dfb]{font-weight:500;color:var(--primary-color)}.recipient-cell[data-v-fea37dfb]{display:flex;align-items:center;gap:8px}.user-icon[data-v-fea37dfb]{width:18px;height:18px;color:var(--primary-active-color);flex-shrink:0}.date-cell[data-v-fea37dfb]{color:var(--primary-active-color);font-size:13px;white-space:nowrap}.access-cell[data-v-fea37dfb]{display:flex;flex-direction:column;gap:6px}.access-badge[data-v-fea37dfb]{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.security-cell[data-v-fea37dfb]{display:flex;align-items:center;gap:6px;font-size:13px}.lock-icon[data-v-fea37dfb]{width:16px;height:16px;color:#2e7d32}.status-badge[data-v-fea37dfb]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.actions-cell[data-v-fea37dfb]{display:flex;gap:8px}.action-btn[data-v-fea37dfb]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--primary-active-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.action-btn svg[data-v-fea37dfb]{width:18px;height:18px}.action-btn[data-v-fea37dfb]:hover{background-color:#f0f0f0;color:var(--primary-color)}.action-btn.revoke[data-v-fea37dfb]:hover{background-color:#fff3e0;color:#fa0}.action-btn.delete[data-v-fea37dfb]:hover{background-color:#ffebee;color:#f44}.empty-state[data-v-fea37dfb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon[data-v-fea37dfb]{width:80px;height:80px;color:var(--primary-active-color);opacity:.3;margin-bottom:24px}.empty-state h3[data-v-fea37dfb]{font-size:20px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.empty-state p[data-v-fea37dfb]{font-size:14px;color:var(--primary-active-color)}@media(max-width:768px){.shares-table[data-v-fea37dfb]{font-size:12px}.shares-table th[data-v-fea37dfb],.shares-table td[data-v-fea37dfb]{padding:12px 8px}}.public-share-page[data-v-8c41aba6]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:linear-gradient(135deg,#f5f5f5,#efefef,#fdfdfd)}.share-card[data-v-8c41aba6]{width:100%;max-width:520px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:32px;display:flex;flex-direction:column;gap:24px}.file-header[data-v-8c41aba6]{display:flex;flex-direction:column;gap:8px}.file-label[data-v-8c41aba6]{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.file-name[data-v-8c41aba6]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);word-break:break-word}.file-name.placeholder[data-v-8c41aba6]{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:var(--font-weight-medium)}.share-form[data-v-8c41aba6]{display:flex;flex-direction:column;gap:16px}.share-form .btn[data-v-8c41aba6]{width:100%}.download-error[data-v-8c41aba6]{margin:0;font-size:13px;color:var(--color-danger-dark)}.loading-spinner[data-v-8c41aba6]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:var(--primary-color);animation:spin-8c41aba6 .8s linear infinite}@keyframes spin-8c41aba6{to{transform:rotate(360deg)}}@media(max-width:600px){.share-card[data-v-8c41aba6]{padding:24px}}.modal-a2f[data-v-260ba8b6]{max-width:600px}.qr-container[data-v-260ba8b6]{display:flex;justify-content:center;padding:var(--space-xl);background-color:var(--bg-input);border-radius:var(--border-radius-md)}.qr-code[data-v-260ba8b6]{width:200px;height:200px;border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);background-color:var(--bg-card);padding:var(--space-sm)}.secret-key[data-v-260ba8b6]{display:flex;flex-direction:column;gap:var(--space-sm)}.secret-key label[data-v-260ba8b6]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.key-container[data-v-260ba8b6]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--bg-input);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md)}.key-container code[data-v-260ba8b6]{flex:1;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-primary);letter-spacing:2px}.copy-btn[data-v-260ba8b6]{padding:var(--space-sm);background-color:transparent;border:none;cursor:pointer;color:var(--text-primary);border-radius:var(--border-radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.copy-btn svg[data-v-260ba8b6]{width:16px;height:16px}.copy-btn[data-v-260ba8b6]:hover{background-color:var(--border-color)}.verification-code[data-v-260ba8b6]{display:flex;flex-direction:column;gap:var(--space-sm)}.verification-code label[data-v-260ba8b6]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.verification-code input[data-v-260ba8b6]{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);font-size:var(--font-size-xl);text-align:center;letter-spacing:8px;font-family:var(--font-mono);transition:all var(--transition-base);background-color:var(--bg-input)}.verification-code input[data-v-260ba8b6]:focus{outline:none;border-color:var(--primary-color);background-color:var(--secondary-color)}.otp-input[data-v-9bd0afa8]{text-align:center;letter-spacing:8px;font-family:Courier New,monospace;font-size:18px!important}.warning-box[data-v-b335b12b]{display:flex;gap:16px;padding:16px;background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404}.warning-box svg[data-v-b335b12b]{flex-shrink:0;stroke:#ffc107}.warning-box p[data-v-b335b12b]{margin:0;font-size:14px;line-height:1.5;color:#856404}.warning-box strong[data-v-b335b12b]{color:#664d03}.warning-box[data-v-9dde923f]{display:flex;gap:16px;padding:16px;background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404}.warning-box svg[data-v-9dde923f]{flex-shrink:0;stroke:#ffc107}.warning-box p[data-v-9dde923f]{margin:0;font-size:14px;line-height:1.5;color:#856404}.warning-box strong[data-v-9dde923f]{color:#664d03}.file-name[data-v-9dde923f]{margin-top:8px;font-size:14px;color:var(--text-muted);font-style:italic}input[type=file][data-v-9dde923f]{padding:8px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}input[type=file][data-v-9dde923f]:disabled{cursor:not-allowed;opacity:.6}.error-message[data-v-9dde923f]{color:#dc3545;font-size:14px;font-weight:500;margin:0;padding:12px;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:4px}.main-content[data-v-ff8892be]{display:flex;flex-direction:column;background:var(--bg-card);padding:var(--space-xxl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-xxl)}.page-title[data-v-ff8892be]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section[data-v-ff8892be]{display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-xxl);border-bottom:var(--border-width) solid var(--border-color)}.section[data-v-ff8892be]:last-child{border-bottom:none;padding-bottom:0}.section-title[data-v-ff8892be]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.change-password-form[data-v-ff8892be]{display:flex;flex-direction:column;gap:var(--space-xl)}.submit-btn[data-v-ff8892be]{padding:14px var(--space-xl);background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);align-self:flex-start;margin-top:var(--space-xs)}.submit-btn[data-v-ff8892be]:hover{background-color:var(--primary-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn[data-v-ff8892be]:active{transform:translateY(0)}.a2f-container[data-v-ff8892be]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-xl);background-color:var(--bg-input);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);gap:var(--space-xl)}.a2f-info[data-v-ff8892be]{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.a2f-status[data-v-ff8892be]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.status-badge[data-v-ff8892be]{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.status-badge.inactive[data-v-ff8892be]{background-color:var(--color-danger-bg);color:var(--color-danger)}.status-badge.active[data-v-ff8892be]{background-color:var(--color-success-bg);color:var(--color-success-dark)}.action-btn[data-v-ff8892be]{padding:var(--space-md) var(--space-xl);background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.action-btn[data-v-ff8892be]:active{transform:translateY(0)}.export-container[data-v-ff8892be]{display:flex;flex-direction:column;gap:var(--space-lg)}.export-description[data-v-ff8892be]{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.5}.key-buttons[data-v-ff8892be]{display:flex;gap:var(--space-md);flex-wrap:wrap}.export-btn[data-v-ff8892be],.import-btn[data-v-ff8892be]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px var(--space-xl);border:none;background:var(--primary-color);cursor:pointer;color:var(--secondary-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.export-btn[data-v-ff8892be]:hover,.import-btn[data-v-ff8892be]:hover{background:var(--primary-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-btn[data-v-ff8892be]:active,.import-btn[data-v-ff8892be]:active{transform:translateY(0)}.export-btn svg[data-v-ff8892be],.import-btn svg[data-v-ff8892be]{flex-shrink:0}@media(max-width:768px){.main-content[data-v-ff8892be]{padding:var(--space-xl);gap:var(--space-xl)}.page-title[data-v-ff8892be]{font-size:var(--font-size-3xl)}.section-title[data-v-ff8892be]{font-size:var(--font-size-xl)}.a2f-container[data-v-ff8892be]{flex-direction:column;align-items:stretch}.action-btn[data-v-ff8892be]{width:100%}.submit-btn[data-v-ff8892be],.export-btn[data-v-ff8892be]{width:100%;justify-content:center}}.password-strength[data-v-ff8892be]{margin-top:var(--space-sm)}.strength-bars[data-v-ff8892be]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.strength-bar[data-v-ff8892be]{flex:1;height:4px;background-color:var(--border-color);border-radius:2px;transition:background-color var(--transition-base)}.strength-bar.weak[data-v-ff8892be]{background-color:#f44}.strength-bar.medium[data-v-ff8892be]{background-color:var(--color-warning)}.strength-bar.strong[data-v-ff8892be]{background-color:var(--color-success)}.password-requirements[data-v-ff8892be]{font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-xs) 0 0 0}:root{--primary-color: #000;--primary-hover-color: #333;--primary-active-color: #666;--secondary-color: #fff;--bg-page: #f5f5f5;--bg-card: #fff;--bg-input: #fafafa;--bg-input-disabled: #f8f9fa;--bg-hover: #f0f0f0;--bg-overlay: rgba(0, 0, 0, .4);--border-color: #e5e5e5;--border-input-color: #e5e5e5;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-width: 2px;--color-success: #00c851;--color-success-bg: #e8f5e9;--color-success-dark: #2e7d32;--color-warning: #ffaa00;--color-warning-bg: #fff8e1;--color-danger: #FF5465;--color-danger-bg: #fee;--color-danger-dark: #dc3545;--color-info: #e3f2fd;--text-primary: var(--primary-color);--text-secondary: var(--primary-hover-color);--text-muted: var(--primary-active-color);--text-placeholder: #999;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .2);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .25);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 900;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 500;--z-modal: 1000;--z-notification: 2000;--z-tooltip: 3000;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--sidebar-bg: var(--primary-color);--header-height: 70px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-xxl{gap:var(--space-xxl)}.input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-group label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.input-group input,.input-group textarea,.input-group select{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);transition:all var(--transition-base);background-color:var(--bg-input);font-family:var(--font-family)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);background-color:var(--secondary-color)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-placeholder)}.input-group input:disabled,.input-group textarea:disabled,.input-group select:disabled{background-color:var(--bg-input-disabled);cursor:not-allowed;opacity:.6}.btn{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--secondary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-input-disabled);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.cancel-btn,.confirm-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn{background-color:#f8f9fa;color:var(--primary-color)}.cancel-btn:hover:not(:disabled){background-color:#e9ecef}.confirm-btn{background-color:var(--primary-color);color:var(--secondary-color)}.confirm-btn:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cancel-btn:disabled,.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background-color:var(--color-danger);color:var(--secondary-color)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-icon{padding:var(--space-sm);background-color:transparent;color:var(--text-muted);border-radius:var(--border-radius-sm)}.btn-icon:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn svg{flex-shrink:0}.card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xxl)}.section{display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-xxl);border-bottom:var(--border-width) solid var(--border-color)}.section:last-child{border-bottom:none;padding-bottom:0}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-overlay{position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--bg-card);padding:var(--space-xxl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:650px;width:90%;display:flex;flex-direction:column;gap:var(--space-xl)}.modal-content h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-content p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.5}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge.success{background-color:var(--color-success-bg);color:var(--color-success-dark)}.status-badge.warning{background-color:var(--color-warning-bg);color:#856404}.status-badge.danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.status-badge.info{background-color:var(--color-info);color:#01579b}.password-strength{margin-top:var(--space-sm)}.strength-bars{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.strength-bar{flex:1;height:4px;background-color:var(--border-color);border-radius:2px;transition:background-color var(--transition-base)}.strength-bar.weak{background-color:#f44}.strength-bar.medium{background-color:var(--color-warning)}.strength-bar.strong{background-color:var(--color-success)}.password-requirements{font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-xs) 0 0 0}.error-message{color:var(--color-danger);font-size:var(--font-size-base);margin:0}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--bg-input-disabled)}.data-table th{padding:var(--space-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);border-bottom:var(--border-width) solid var(--border-color)}.data-table td{padding:var(--space-lg) var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--bg-hover)}.data-table tbody tr:hover{background-color:var(--bg-input-disabled)}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.search-input{width:100%;padding:10px var(--space-md) 10px 40px;border:var(--border-width) solid var(--border-input-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--primary-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:80px;height:80px;color:var(--text-muted);opacity:.5;margin-bottom:var(--space-xl)}.empty-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.tabs{width:100%;align-items:center;display:flex;border-bottom:var(--border-width) solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky)}.tab{flex:1;padding:var(--space-md) 0;background:none;border:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);position:relative}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:calc(var(--border-width) * -1);left:0;right:0;height:var(--border-width);background-color:var(--primary-color)}.tab:hover:not(.active){color:var(--text-secondary)}.fade-in{animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-base)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}