.nav-container[data-v-270e1b38]{background:var(--background-color-light,#fff);box-shadow:0 4px 24px #00000014;display:flex;min-height:100vh;position:relative}.user-container[data-v-270e1b38]{background:#fff;flex:1;min-height:600px;position:relative;transition:filter .3s ease;z-index:1}@media (max-width:768px){.nav-container[data-v-270e1b38]{flex-direction:column}}.page-container[data-v-740d0506]{box-sizing:border-box;padding:20px;width:100%}.page-header[data-v-740d0506]{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.page-header .header-content[data-v-740d0506]{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;padding:24px}.page-header .header-content .header-left .page-title[data-v-740d0506]{align-items:center;display:flex;gap:12px;margin-bottom:8px}.page-header .header-content .header-left .page-title h1[data-v-740d0506]{color:#1e293b;font-size:28px;font-weight:700;margin:0}.page-header .header-content .header-left .page-desc[data-v-740d0506]{color:#64748b;font-size:14px;margin:0}.page-header .header-content .header-right[data-v-740d0506]{align-items:center;display:flex;gap:24px}.page-header .header-content .header-right .add-button[data-v-740d0506]{align-items:center;border:0;box-shadow:0 4px 12px #3b82f64d;display:flex;gap:6px;height:40px;padding:8px 20px}.page-header .header-content .header-right .add-button[data-v-740d0506]:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}