.mobile-nav[data-v-3eada098]{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.5);z-index:1000;box-shadow:0 -4px 24px #6366f114;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav[data-v-3eada098]:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.nav-item[data-v-3eada098]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#94a3b8;flex:1;height:100%;position:relative;transition:color .3s ease;-webkit-tap-highlight-color:transparent}.nav-item[data-v-3eada098]:before{content:"";position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--home-primary, #409eff);transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item.active[data-v-3eada098]:before{transform:scale(1)}.nav-item.active[data-v-3eada098]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#6366f114;animation:navGlow-3eada098 .4s ease-out}@keyframes navGlow-3eada098{0%{width:0;height:0;opacity:0}to{width:40px;height:40px;opacity:1}}.nav-item[data-v-3eada098]:active{transform:scale(.9)}.nav-item.active[data-v-3eada098]{color:#6366f1}.nav-item .el-icon[data-v-3eada098]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item.active .el-icon[data-v-3eada098]{transform:translateY(-2px)}.nav-label[data-v-3eada098]{font-size:10px;line-height:1;font-weight:500;transition:font-weight .3s}.nav-item.active .nav-label[data-v-3eada098]{font-weight:700}@media (max-width: 768px){.mobile-nav[data-v-3eada098]{display:flex}}#app{width:100%;min-height:100vh;display:flex}.sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:220px;background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(99,102,241,.08);z-index:1000;flex-direction:column;padding:0;box-shadow:2px 0 20px #6366f10a}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border, #e2e8f0)}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d;animation:brandGlow 3s ease-in-out infinite}@keyframes brandGlow{0%,to{box-shadow:0 4px 12px #6366f14d}50%{box-shadow:0 4px 24px #6366f180}}.brand-icon svg{width:20px;height:20px}.brand-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;text-decoration:none;color:#64748b;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:20px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#6366f1,#8b5cf6);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#6366f10f;color:#6366f1}.nav-item.active{background:linear-gradient(135deg,#6366f114,#8b5cf60f);color:#6366f1;font-weight:600}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-icon{font-size:18px;width:24px;text-align:center;transition:transform .25s ease}.nav-item:hover .nav-icon{transform:scale(1.15)}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border, #e2e8f0);display:flex;align-items:center;gap:10px}.user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #6366f140}.user-detail{min-width:0}.user-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#94a3b8}.logout-btn{width:34px;height:34px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.logout-btn:hover{background:#fee2e2;transform:scale(1.1)}main{flex:1;min-height:100vh;min-width:0;max-width:100%;overflow-x:hidden}.main-with-sidebar{margin-left:220px}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.pwa-install-banner{position:fixed;top:0;left:220px;right:0;z-index:9999;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px #6366f14d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pwa-banner-content{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}.pwa-banner-text{font-size:14px;font-weight:500;flex:1}.pwa-banner-actions{display:flex;gap:8px;flex-shrink:0}.pwa-banner-actions .el-button--text{color:#ffffffd9}.pwa-banner-actions .el-button--text:hover{color:#fff}.pwa-notify-tip{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9998;background:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 8px 30px #0000001f;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:420px;width:calc(100% - 32px);font-size:14px;color:#1e293b;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes notifyShimmer{0%,to{box-shadow:0 8px 30px #0000001f}50%{box-shadow:0 8px 30px #6366f133}}.pwa-notify-actions{display:flex;gap:4px;flex-shrink:0}.reminder-fab{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #6366f166;z-index:9997;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;animation:fabFloat 3s ease-in-out infinite}@keyframes fabFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.reminder-fab:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 28px #6366f18c;animation:none}.reminder-fab:active{transform:scale(.95)}.pwa-notify-tip{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1),notifyShimmer 2s ease-in-out infinite}@media (max-width: 768px){#app.has-mobile-nav{padding-bottom:64px}.sidebar{display:none!important}.main-with-sidebar{margin-left:0}.pwa-install-banner{left:0}.pwa-banner-content{padding:8px 12px}.pwa-banner-text{font-size:13px}.pwa-notify-tip{bottom:76px}.reminder-fab{bottom:76px;right:16px;width:40px;height:40px}}@media (min-width: 769px){.sidebar{display:flex}}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1199px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1200px){.hide-desktop{display:none!important}}@media (min-width: 768px) and (max-width: 1199px){.has-sidebar .sidebar{width:64px!important;overflow:hidden}.has-sidebar .sidebar .brand-text,.has-sidebar .sidebar .nav-text,.has-sidebar .sidebar .user-info-text{display:none!important}.has-sidebar .sidebar .nav-item{justify-content:center;padding:12px 0}.has-sidebar .main-content{margin-left:64px!important}.card{padding:16px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding-bottom:72px!important}.card{padding:14px!important;border-radius:12px!important}.stat-grid{grid-template-columns:1fr!important}.page-header{padding:20px 16px!important}.page-header h1{font-size:20px!important}.page-header p{font-size:13px!important}.el-form{max-width:100%!important}.el-dialog{width:92vw!important;margin-top:5vh!important}.el-table{display:block;overflow-x:auto}.button-group{flex-wrap:wrap;gap:8px}.section-container{padding:12px 8px!important}.calendar-grid{gap:2px!important}.calendar-day{font-size:12px!important;padding:4px!important}}@media (min-width: 1200px){.content-container{max-width:1200px;margin:0 auto}.card{padding:24px!important}.stat-grid{grid-template-columns:repeat(4,1fr)!important}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:120px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-stat{height:80px;width:100%}.skeleton-row{height:48px;margin-bottom:4px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state-title{font-size:16px;font-weight:600;color:#606266;margin-bottom:8px}.empty-state-desc{font-size:13px;color:#909399;margin-bottom:20px;max-width:300px}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(12px)}.slide-up-leave-to{opacity:0;transform:translateY(-12px)}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-bg: #eef2ff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--bg: #f0f2f5;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow: 0 4px 20px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-xl: 0 12px 40px rgba(0,0,0,.1);--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--app-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text-primary);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (max-width: 768px){body{max-width:100vw}img,svg,video,canvas,table{max-width:100%;height:auto}}.app-background{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:400% 400%;animation:gradientShift 15s ease infinite;background-attachment:fixed;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.app-background:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.app-background:after{content:"";position:fixed;z-index:0;pointer-events:none;top:-20%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:floatOrb1 20s ease-in-out infinite}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,60px) scale(1.2)}66%{transform:translate(40px,-40px) scale(.9)}}.app-background>*{position:relative;z-index:1}.card{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a;padding:24px;margin-bottom:16px;border:1px solid rgba(255,255,255,.5);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);opacity:0;transition:opacity .3s ease}.card:hover{box-shadow:0 8px 32px #6366f11f,0 2px 8px #0000000a;transform:translateY(-2px);border-color:#6366f126}.card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.card-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-title .icon{color:var(--primary)}.stat-number{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:500;transition:transform .2s ease}.tag:hover{transform:scale(1.05)}.tag-success{background:var(--success-light);color:var(--success)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-info{background:var(--info-light);color:var(--info)}.tag-danger{background:var(--danger-light);color:var(--danger)}.tag-pulse{animation:tagPulse 2s ease-in-out infinite}@keyframes tagPulse{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 6px #6366f100}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;padding:60px 20px}.empty-state .el-icon{font-size:64px;color:var(--text-muted);margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:var(--text-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.card{padding:16px;border-radius:var(--radius)}.el-dialog{width:92vw!important}.el-table,.el-form{max-width:100%}.el-pagination{flex-wrap:wrap}}.el-button{border-radius:var(--radius-sm)!important;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.el-button--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;border:none!important;box-shadow:0 2px 8px #6366f140}.el-button--primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0)}.el-button--success{background:linear-gradient(135deg,var(--success),#059669)!important;border:none!important;box-shadow:0 2px 8px #10b98140}.el-button--success:hover{box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.el-button--danger{box-shadow:0 2px 8px #ef444426}.el-button--danger:hover{box-shadow:0 6px 20px #ef444459;transform:translateY(-1px)}.el-input__wrapper{border-radius:var(--radius-sm)!important;box-shadow:0 1px 2px #0000000a!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.el-input__wrapper:hover{box-shadow:0 2px 8px #6366f114!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 3px #6366f11f!important}.el-dialog{border-radius:var(--radius-lg)!important;overflow:hidden}.el-dialog__header{border-bottom:1px solid var(--border);padding:20px 24px;background:linear-gradient(180deg,rgba(99,102,241,.03),transparent)}.el-dialog__body{padding:24px}.el-dialog{animation:dialogIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dialogIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.el-tabs__nav-wrap:after{height:1px;background:var(--border)}.el-tabs__active-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.el-tabs__item{transition:color .25s ease}.el-tabs__item:hover{color:var(--primary)!important}.el-pagination{justify-content:center;margin-top:20px}.el-alert{border-radius:var(--radius-sm)!important;border:none!important}.el-tag{border-radius:6px!important;transition:transform .2s ease}.el-tag:hover{transform:scale(1.04)}.el-switch.is-checked .el-switch__core{background:linear-gradient(135deg,var(--primary),var(--primary-light))!important;border-color:var(--primary)!important}.el-badge__content{animation:badgePop .3s cubic-bezier(.4,0,.2,1)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.el-table__body tr:hover>td{background:#6366f108!important}.el-progress-bar__inner{background:linear-gradient(90deg,var(--primary),var(--primary-light))!important}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%)!important;background-size:400% 100%!important;animation:shimmer 1.8s ease-in-out infinite!important}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}