:root{--color-primary:#0d31ed;--color-primary-hover:#0a28c4;--color-secondary:#d719ae;--color-text:#1a1a1a;--color-text-light:#fff;--color-text-secondary:#666;--color-text-muted:#999;--color-background:#f5f5f5;--color-surface:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-error:#e8000a;--color-success:#00a63e;--color-warning:#d08700;--color-info:var(--color-primary);--color-primary-light:#e8edff;--color-info-light:#e8edff;--color-error-light:#fff0f0;--color-success-light:#e8f5ed;--color-warning-light:#fff3e0;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--sidebar-width:250px;--header-height:73px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-header:100;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}.hidden{display:none!important}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-xl)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-background)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:inherit;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.logo-container[data-v-db72fc6e]{align-items:center;display:flex;gap:var(--spacing-md)}.logo-icon[data-v-db72fc6e]{font-size:var(--font-size-2xl)}.app-name[data-v-db72fc6e]{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.search-container[data-v-b02c7b78]{align-items:center;background:var(--color-background);border-radius:var(--radius-md);display:flex;flex:1;gap:var(--spacing-sm);max-width:500px;padding:var(--spacing-sm) var(--spacing-md)}.search-icon[data-v-b02c7b78]{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.search-input[data-v-b02c7b78]{background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-base);outline:none;width:100%}.search-input[data-v-b02c7b78]::-moz-placeholder{color:var(--color-text-muted)}.search-input[data-v-b02c7b78]::placeholder{color:var(--color-text-muted)}.notifications-container[data-v-dbef6650]{position:relative}.notification-button[data-v-dbef6650]{background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:background var(--transition-base)}.notification-button[data-v-dbef6650]:hover{background:var(--color-background)}.bell-icon[data-v-dbef6650]{font-size:1.3rem}.badge[data-v-dbef6650]{background:var(--color-error);border-radius:var(--radius-full);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.15rem .4rem;position:absolute;right:0;top:0}.notifications-dropdown[data-v-dbef6650]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;right:0;top:calc(100% + var(--spacing-sm));width:350px;z-index:var(--z-dropdown)}.dropdown-header[data-v-dbef6650]{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.dropdown-header h3[data-v-dbef6650]{font-size:var(--font-size-base);margin:0}.mark-read[data-v-dbef6650]{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.mark-read[data-v-dbef6650]:hover{text-decoration:underline}.empty-state[data-v-dbef6650]{color:var(--color-text-muted);padding:var(--spacing-xl);text-align:center}.notification-list[data-v-dbef6650]{max-height:400px;overflow-y:auto}.notification-item[data-v-dbef6650]{border-bottom:1px solid var(--color-border-light);cursor:pointer;padding:var(--spacing-md);transition:background var(--transition-base)}.notification-item[data-v-dbef6650]:hover{background:var(--color-background)}.notification-item[data-v-dbef6650]:last-child{border-bottom:none}.notification-item.unread[data-v-dbef6650]{background:var(--color-info-light)}.notification-content[data-v-dbef6650]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-message[data-v-dbef6650]{color:var(--color-text);font-size:var(--font-size-sm);margin:0}.notification-time[data-v-dbef6650]{color:var(--color-text-muted);font-size:var(--font-size-xs)}.user-profile-container[data-v-3b8b393b]{position:relative}.user-button[data-v-3b8b393b]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-base)}.user-button[data-v-3b8b393b]:hover{background:var(--color-background)}.avatar[data-v-3b8b393b]{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.user-name[data-v-3b8b393b]{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.dropdown-icon[data-v-3b8b393b]{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.user-menu[data-v-3b8b393b]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + var(--spacing-sm));width:280px;z-index:var(--z-dropdown)}.menu-header[data-v-3b8b393b]{gap:var(--spacing-md);padding:var(--spacing-md)}.avatar-large[data-v-3b8b393b],.menu-header[data-v-3b8b393b]{align-items:center;display:flex}.avatar-large[data-v-3b8b393b]{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.user-info[data-v-3b8b393b]{flex:1}.user-name-full[data-v-3b8b393b]{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.user-email[data-v-3b8b393b]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.menu-divider[data-v-3b8b393b]{background:var(--color-border);height:1px;margin:var(--spacing-sm) 0}.menu-item[data-v-3b8b393b]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);text-align:left;transition:background var(--transition-base);width:100%}.menu-item[data-v-3b8b393b]:hover{background:var(--color-background)}.menu-item.logout[data-v-3b8b393b]{color:var(--color-error)}.menu-item.logout[data-v-3b8b393b]:hover{background:var(--color-error-light)}.menu-icon[data-v-3b8b393b]{font-size:var(--font-size-lg)}.app-header[data-v-bc2f8c6f]{background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--spacing-xl);height:var(--header-height);padding:var(--spacing-md) var(--spacing-xl);position:sticky;top:0;width:100%;z-index:var(--z-header)}.app-header[data-v-bc2f8c6f],.header-actions[data-v-bc2f8c6f]{align-items:center;display:flex}.header-actions[data-v-bc2f8c6f]{gap:var(--spacing-md);margin-left:auto}.sidebar[data-v-f90e5b07]{background:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-text);height:calc(100vh - var(--header-height));overflow-y:auto;padding:var(--spacing-lg);position:sticky;top:var(--header-height);width:var(--sidebar-width)}.menu[data-v-f90e5b07]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.menu-item[data-v-f90e5b07]{align-items:center;border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.menu-item[data-v-f90e5b07]:hover{background:var(--color-background)}.menu-item.router-link-active[data-v-f90e5b07]{background:var(--color-primary);color:var(--color-text-light)}.icon[data-v-f90e5b07]{font-size:var(--font-size-lg)}.app-container{display:flex;flex-direction:column;min-height:100vh}.layout-wrapper{display:flex;flex:1}.content{background:var(--color-background);flex:1;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--spacing-xl)}.content .page-wrapper{display:flex;justify-content:center;width:100%}.content .page-wrapper .page-container{max-width:1000px;width:100%}