.mobile-container{position:relative;min-height:100vh;overflow-x:hidden}.mobile-sidebar{position:fixed;left:-65%;top:0;bottom:0;width:65%;background:#fff;z-index:1000;transition:transform .25s ease-out;box-shadow:1px 0 6px #0000001a}.mobile-sidebar.active{transform:translate(100%)}.sidebar-header{padding:18px 16px;border-bottom:1px solid #eee}.logo{font-size:1.1rem;font-weight:600;color:#409eff}.mobile-menu{padding:8px 0}.menu-item{padding:14px 20px;font-size:.9rem;color:#606266;transition:all .15s}.menu-item.active{background:#ecf5ff;color:#409eff;border-left:3px solid #409eff}.sidebar-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:999;opacity:0;transition:opacity .2s;pointer-events:none}.sidebar-mask.visible{opacity:1;pointer-events:all}.mobile-content{position:relative;min-height:100vh;background:#f8f9fa;z-index:1}.top-nav{position:sticky;top:0;height:52px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;box-shadow:0 1px 4px #0000000f;z-index:100}.nav-left{display:flex;align-items:center;gap:10px}.page-title{font-size:1rem;font-weight:500}.hamburger{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.hamburger .line{height:1.5px;width:100%;background:#333;transition:all .2s}.user-avatar{width:32px;height:32px;border-radius:50%}.page-content{padding:12px}@media (hover: hover){.menu-item:hover{background:#f5f7fa}}@media (min-width: 768px){.mobile-sidebar{width:240px;left:-240px}.mobile-sidebar.active{transform:translate(240px)}.sidebar-mask{display:none}.top-nav{padding:0 20px}.page-content{padding:20px}}.v-calendar-custom[data-v-10911aef]{--vc-font-family: "Inter", sans-serif;--vc-accent-50: #e6f1ff;--vc-accent-100: #cce3ff;--vc-accent-200: #99c7ff;--vc-accent-300: #66aaff;--vc-accent-400: #338eff;--vc-accent-500: #0072ff;--vc-accent-600: #005ccc;--vc-accent-700: #004599;--vc-accent-800: #002e66;--vc-accent-900: #001733}.calendar-input[data-v-10911aef]{position:relative;width:260px}.input[data-v-10911aef]{width:100%;height:48px;padding:0 16px 0 44px;border:2px solid #e4e7ed;border-radius:10px;font-size:16px;transition:all .3s}.input[data-v-10911aef]:focus{outline:none;border-color:#409eff;box-shadow:0 2px 12px #409eff33}.icon[data-v-10911aef]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999}.vc-popover-content[data-v-10911aef]{border-radius:14px!important;box-shadow:0 8px 24px #0000001a!important;padding:12px!important}.vc-day.is-today[data-v-10911aef]:not(.is-disabled){background:var(--vc-accent-100)!important}.stat-container[data-v-10911aef]{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000d}.search-header[data-v-10911aef]{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:30px}.date-picker[data-v-10911aef]{width:220px}.stat-header[data-v-10911aef]{margin-bottom:30px}.stat-card[data-v-10911aef]{background:#f5f7fa;border-radius:8px;padding:20px;text-align:center;max-width:200px}.stat-title[data-v-10911aef]{color:#909399;font-size:14px;margin-bottom:8px}.stat-value[data-v-10911aef]{color:#303133;font-size:28px;font-weight:600}.chart-container[data-v-10911aef]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-item[data-v-10911aef]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.chart-title[data-v-10911aef]{color:#303133;font-size:16px;font-weight:500;margin-bottom:15px;padding-left:10px;border-left:4px solid #409eff}.chart[data-v-10911aef]{height:500px;margin-bottom:20px}@media (max-width: 768px){.chart-container[data-v-10911aef]{grid-template-columns:1fr}.chart[data-v-10911aef]{height:400px}.stat-card[data-v-10911aef]{max-width:100%}}.modern-date-picker[data-v-10911aef]{--el-datepicker-border-color: #e4e7ed;--el-datepicker-hover-border-color: #409eff;--el-datepicker-active-color: #409eff;--el-datepicker-text-color: #606266;width:280px;height:44px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-date-picker[data-v-10911aef]:hover{box-shadow:0 2px 8px #409eff26}[data-v-10911aef] .modern-date-picker .el-input__inner{font-size:16px;padding-left:40px;background-repeat:no-repeat;background-position:12px center;background-size:20px}[data-v-10911aef] .modern-date-picker .el-input__suffix{display:none}
