@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;600;700&display=swap";:root{--color-primary: #0A192F;--color-primary-light: #172A46;--color-accent: #D4AF37;--color-accent-hover: #B5952F;--color-bg: #F8F8F8;--color-surface: #FFFFFF;--color-text: #333333;--color-text-light: #666666;--color-border: #E5E5E5;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-md)}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;font-family:var(--font-body)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease;border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-accent{background-color:var(--color-accent);color:var(--color-primary)}.btn-accent:hover{background-color:var(--color-accent-hover)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-lg)}.notification-container[data-v-94e059e6]{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast[data-v-94e059e6]{pointer-events:auto;display:flex;align-items:flex-start;width:350px;max-width:calc(100vw - 2rem);padding:1rem;background-color:var(--color-surface);border-left:4px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text);overflow:hidden}.toast[data-v-94e059e6]{background:var(--color-primary);color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-icon[data-v-94e059e6]{flex-shrink:0;margin-right:.75rem;display:flex;align-items:center;justify-content:center}.toast-content[data-v-94e059e6]{flex:1;padding-right:.5rem}.toast-message[data-v-94e059e6]{font-size:.925rem;line-height:1.5;font-weight:500}.toast-close[data-v-94e059e6]{flex-shrink:0;background:transparent;border:none;color:#fff9;cursor:pointer;transition:color .2s ease;padding:0;margin-top:2px}.toast-close[data-v-94e059e6]:hover{color:#fff}.toast--success[data-v-94e059e6]{border-left-color:#10b981}.toast--success .toast-icon[data-v-94e059e6]{color:#10b981}.toast--error[data-v-94e059e6]{border-left-color:#ef4444}.toast--error .toast-icon[data-v-94e059e6]{color:#ef4444}.toast--info[data-v-94e059e6]{border-left-color:var(--color-accent)}.toast--info .toast-icon[data-v-94e059e6]{color:var(--color-accent)}.toast--warning[data-v-94e059e6]{border-left-color:#f59e0b}.toast--warning .toast-icon[data-v-94e059e6]{color:#f59e0b}.toast-enter-active[data-v-94e059e6],.toast-leave-active[data-v-94e059e6]{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-enter-from[data-v-94e059e6]{opacity:0;transform:translate(100%) scale(.9)}.toast-leave-to[data-v-94e059e6]{opacity:0;transform:scale(.9)}.dashboard-layout[data-v-b7ea5c50]{display:block;min-height:100vh}.sidebar[data-v-b7ea5c50]{position:fixed;top:0;left:0;height:100vh;width:250px;background-color:var(--color-primary);color:var(--color-surface);display:flex;flex-direction:column;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto}.sidebar.is-open[data-v-b7ea5c50]{transform:translate(0)}.sidebar-header[data-v-b7ea5c50]{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center}.app-logo[data-v-b7ea5c50]{max-width:180px;width:100%;height:auto;object-fit:contain}.sidebar-nav[data-v-b7ea5c50]{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item[data-v-b7ea5c50]{padding:.75rem 1rem;color:#ffffffb3;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-decoration:none}.nav-item[data-v-b7ea5c50]:hover{color:var(--color-surface);background-color:#ffffff1a}.nav-item.active[data-v-b7ea5c50]{color:var(--color-primary);background-color:var(--color-accent);font-weight:600}.icon[data-v-b7ea5c50]{font-size:1.1rem;width:24px;text-align:center}.sidebar-footer[data-v-b7ea5c50]{padding:2rem;border-top:1px solid rgba(255,255,255,.1)}.user-info[data-v-b7ea5c50]{margin-bottom:1rem}.user-name[data-v-b7ea5c50]{font-weight:600;margin:0}.user-role[data-v-b7ea5c50]{font-size:.8rem;color:#ffffff80;margin:0}.logout-btn[data-v-b7ea5c50]{background:none;border:1px solid rgba(255,255,255,.3);color:var(--color-surface);padding:.5rem;width:100%;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.logout-btn[data-v-b7ea5c50]:hover{background-color:#ffffff1a;border-color:var(--color-surface)}.profile-link[data-v-b7ea5c50]{display:block;text-align:center;color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem;text-decoration:none}.profile-link[data-v-b7ea5c50]:hover{text-decoration:underline;color:#fff}.main-content[data-v-b7ea5c50]{margin-left:0;width:100%;display:flex;flex-direction:column;background-color:var(--color-bg);min-height:100vh;transition:margin-left .3s ease-in-out}.topbar[data-v-b7ea5c50]{background-color:var(--color-surface);padding:1rem 2rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:40}.topbar-left[data-v-b7ea5c50],.company-branding[data-v-b7ea5c50]{display:flex;align-items:center;gap:1rem}.company-name[data-v-b7ea5c50]{font-weight:600;color:var(--color-primary)}.company-logo[data-v-b7ea5c50]{height:40px;width:auto;object-fit:contain}.page-title[data-v-b7ea5c50]{margin:0;font-size:1.5rem;color:var(--color-primary)}.content-area[data-v-b7ea5c50]{padding:2rem;flex:1}.menu-toggle[data-v-b7ea5c50]{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text);padding:.5rem}.sidebar-overlay[data-v-b7ea5c50]{position:fixed;inset:0;background:#00000080;z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-group[data-v-b7ea5c50]{display:flex;flex-direction:column;gap:.2rem}.has-submenu[data-v-b7ea5c50]{cursor:pointer;justify-content:space-between}.submenu[data-v-b7ea5c50]{display:flex;flex-direction:column;gap:.2rem;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}.sub-item[data-v-b7ea5c50]{font-size:.9rem;color:#fff9}.sub-item[data-v-b7ea5c50]:hover{color:var(--color-surface);background-color:#ffffff0d}.sub-item.active[data-v-b7ea5c50]{color:var(--color-primary);background-color:var(--color-accent);font-weight:500}.arrow[data-v-b7ea5c50]{margin-left:auto;font-size:.7rem;transition:transform .3s ease;opacity:.7}.arrow.rotated[data-v-b7ea5c50]{transform:rotate(180deg)}@media(min-width:1024px){.sidebar[data-v-b7ea5c50]{transform:translate(0)}.main-content[data-v-b7ea5c50]{margin-left:250px;width:calc(100% - 250px)}.menu-toggle[data-v-b7ea5c50],.sidebar-overlay[data-v-b7ea5c50]{display:none}}@media print{.sidebar[data-v-b7ea5c50],.topbar[data-v-b7ea5c50]{display:none!important}.dashboard-layout[data-v-b7ea5c50]{display:block;height:auto}.main-content[data-v-b7ea5c50]{margin:0;padding:0;overflow:visible;width:100%}.content-area[data-v-b7ea5c50]{padding:0;overflow:visible}}.public-layout[data-v-2ff57b97]{min-height:100vh}.base-btn[data-v-ac4e4acb]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1.5}.base-btn[data-v-ac4e4acb]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-ac4e4acb]{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary[data-v-ac4e4acb]:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-accent[data-v-ac4e4acb]{background-color:var(--color-accent);color:var(--color-primary)}.btn-accent[data-v-ac4e4acb]:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-outline[data-v-ac4e4acb]{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline[data-v-ac4e4acb]:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-surface)}.btn-text[data-v-ac4e4acb]{background-color:transparent;color:var(--color-primary);padding-left:0;padding-right:0}.btn-text[data-v-ac4e4acb]:hover:not(:disabled){color:var(--color-accent)}.btn-danger[data-v-ac4e4acb]{background-color:#e53e3e;color:#fff}.btn-danger[data-v-ac4e4acb]:hover:not(:disabled){background-color:#c53030}.btn-sm[data-v-ac4e4acb]{padding:.25rem .75rem;font-size:.875rem}.btn-md[data-v-ac4e4acb]{padding:.5rem 1.5rem;font-size:1rem}.btn-lg[data-v-ac4e4acb]{padding:.75rem 2rem;font-size:1.125rem}.btn-block[data-v-ac4e4acb]{width:100%;display:flex}.form-group[data-v-20a05044]{margin-bottom:1.5rem}.form-label[data-v-20a05044]{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--color-primary)}.input-wrapper[data-v-20a05044]{position:relative;display:flex;align-items:center}.form-input[data-v-20a05044]{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--color-surface)}.form-input.with-toggle[data-v-20a05044]{padding-right:2.5rem}.form-input[data-v-20a05044]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a192f1a}.has-error .form-input[data-v-20a05044]{border-color:#e53e3e}.form-error[data-v-20a05044]{display:block;margin-top:.25rem;font-size:.85rem;color:#e53e3e}.toggle-btn[data-v-20a05044]{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#a0aec0;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.toggle-btn[data-v-20a05044]:hover{color:var(--color-primary)}.toggle-btn[data-v-20a05044]:focus{outline:none;color:var(--color-primary)}.login-page[data-v-90c923e1]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg)}.login-card[data-v-90c923e1]{background-color:var(--color-surface);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-header[data-v-90c923e1]{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.login-logo[data-v-90c923e1]{max-width:250px;width:100%;height:auto;object-fit:contain}.login-header h1[data-v-90c923e1]{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.login-header p[data-v-90c923e1]{color:var(--color-text-light);margin:0}.login-form[data-v-90c923e1]{display:flex;flex-direction:column;gap:1rem}.error-message[data-v-90c923e1]{color:#e53e3e;font-size:.9rem;text-align:center;padding:.5rem;background-color:#e53e3e1a;border-radius:var(--radius-sm)}.login-footer[data-v-90c923e1]{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--color-text-light)}.dashboard-page[data-v-b9671253]{display:flex;flex-direction:column;gap:2rem}.welcome-section h1[data-v-b9671253]{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.welcome-section p[data-v-b9671253]{color:var(--color-text-light)}.kpi-grid[data-v-b9671253]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.kpi-card[data-v-b9671253]{background-color:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;transition:transform .2s ease}.kpi-card[data-v-b9671253]:hover{transform:translateY(-2px)}.kpi-icon[data-v-b9671253]{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f0f0}.kpi-icon.revenue[data-v-b9671253]{background-color:#e6fffa;color:#38b2ac}.kpi-icon.orders[data-v-b9671253]{background-color:#ebf8ff;color:#4299e1}.kpi-icon.customers[data-v-b9671253]{background-color:#faf5ff;color:#9f7aea}.kpi-icon.outsourcing[data-v-b9671253]{background-color:#fff5f5;color:#fc8181}.kpi-content h3[data-v-b9671253]{font-size:.9rem;color:var(--color-text-light);margin-bottom:.25rem}.kpi-value[data-v-b9671253]{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.dashboard-sections[data-v-b9671253]{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.dashboard-sections[data-v-b9671253]{grid-template-columns:1fr 1fr}}.recent-activity[data-v-b9671253]{background-color:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.recent-activity h2[data-v-b9671253]{font-size:1.2rem;margin-bottom:1.5rem;color:var(--color-primary)}.table-container[data-v-b9671253]{overflow-x:auto}.data-table[data-v-b9671253]{width:100%;border-collapse:collapse;text-align:left}.data-table th[data-v-b9671253],.data-table td[data-v-b9671253]{padding:1rem;border-bottom:1px solid var(--color-border)}.data-table th[data-v-b9671253]{background-color:#f8f9fa;font-weight:600;color:var(--color-text-light)}.status-badge[data-v-b9671253]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500}.status-badge.completed[data-v-b9671253]{background-color:#c6f6d5;color:#2f855a}.status-badge.pending[data-v-b9671253]{background-color:#feebc8;color:#c05621}.status-badge.processing[data-v-b9671253]{background-color:#bee3f8;color:#2b6cb0}.status-badge.draft[data-v-b9671253]{background-color:#edf2f7;color:#4a5568}.status-badge.cancelled[data-v-b9671253]{background-color:#fed7d7;color:#c53030}.empty-state[data-v-b9671253]{text-align:center;color:var(--color-text-light);padding:2rem}.text-red[data-v-b9671253]{color:#e53e3e}.text-orange[data-v-b9671253]{color:#dd6b20}.text-green[data-v-b9671253]{color:#38a169}.font-bold[data-v-b9671253]{font-weight:700}