.canteen-dashboard[data-v-0ed2a1c2]{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.dashboard-header[data-v-0ed2a1c2]{background:hsla(0,0%,100%,.95);padding:25px 30px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.dashboard-header h1[data-v-0ed2a1c2]{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right[data-v-0ed2a1c2]{display:flex;align-items:center}.date-info[data-v-0ed2a1c2]{font-size:16px;color:#666;font-weight:500}.overview-cards[data-v-0ed2a1c2]{margin-bottom:20px}.stat-card[data-v-0ed2a1c2]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card[data-v-0ed2a1c2]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.1;transition:all .3s ease}.stat-card-blue[data-v-0ed2a1c2]:before{background:#1890ff}.stat-card-green[data-v-0ed2a1c2]:before{background:#52c41a}.stat-card-orange[data-v-0ed2a1c2]:before{background:#fa8c16}.stat-card-red[data-v-0ed2a1c2]:before{background:#f5222d}.stat-card[data-v-0ed2a1c2]:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.stat-card[data-v-0ed2a1c2]:hover:before{transform:scale(1.2)}.stat-icon[data-v-0ed2a1c2]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.stat-card-blue .stat-icon[data-v-0ed2a1c2]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card-green .stat-icon[data-v-0ed2a1c2]{background:linear-gradient(135deg,#52c41a,#389e0d)}.stat-card-orange .stat-icon[data-v-0ed2a1c2]{background:linear-gradient(135deg,#fa8c16,#d46b08)}.stat-card-red .stat-icon[data-v-0ed2a1c2]{background:linear-gradient(135deg,#f5222d,#cf1322)}.stat-content[data-v-0ed2a1c2]{flex:1}.stat-label[data-v-0ed2a1c2]{font-size:14px;color:#999;margin-bottom:8px}.stat-value[data-v-0ed2a1c2]{font-size:26px;font-weight:700;color:#333;margin-bottom:5px}.stat-desc[data-v-0ed2a1c2]{font-size:13px;color:#666}.trend-up[data-v-0ed2a1c2]{color:#52c41a;font-weight:600}.trend-down[data-v-0ed2a1c2]{color:#f5222d;font-weight:600}.chart-row[data-v-0ed2a1c2]{margin-bottom:20px}.chart-card[data-v-0ed2a1c2]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);min-height:420px;margin-bottom:20px}.chart-header[data-v-0ed2a1c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.chart-header h3[data-v-0ed2a1c2]{margin:0;font-size:16px;font-weight:600;color:#333}.chart-container[data-v-0ed2a1c2]{width:100%;height:350px}.inout-stats[data-v-0ed2a1c2]{padding:0;height:500px;display:flex;flex-direction:column;gap:12px}.stat-item[data-v-0ed2a1c2]{display:flex;align-items:center;padding:25px;margin:0;height:180px}.stat-item.stat-in[data-v-0ed2a1c2]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px}.stat-item.stat-out[data-v-0ed2a1c2]{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px}.stat-icon-wrapper[data-v-0ed2a1c2]{margin-right:20px}.stat-icon-large[data-v-0ed2a1c2]{font-size:48px;color:#1976d2}.stat-item.stat-out .stat-icon-large[data-v-0ed2a1c2]{color:#f57c00}.stat-details[data-v-0ed2a1c2]{flex:1}.stat-title[data-v-0ed2a1c2]{font-size:14px;color:#666;margin-bottom:8px}.stat-amount[data-v-0ed2a1c2]{font-size:28px;font-weight:700;color:#1976d2;margin-bottom:5px}.stat-item.stat-out .stat-amount[data-v-0ed2a1c2]{color:#f57c00}.stat-count[data-v-0ed2a1c2]{font-size:13px;color:#999}.stat-summary[data-v-0ed2a1c2]{padding:20px;background:linear-gradient(135deg,#f5f5f5,#eee);border-radius:12px;margin:0;height:116px;display:flex;flex-direction:column;justify-content:center}.summary-item[data-v-0ed2a1c2]{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.summary-label[data-v-0ed2a1c2]{font-size:14px;color:#666;font-weight:500}.summary-value[data-v-0ed2a1c2]{font-size:20px;font-weight:700}.summary-value.positive[data-v-0ed2a1c2]{color:#52c41a}.summary-value.negative[data-v-0ed2a1c2]{color:#f5222d}@media (max-width:768px){.dashboard-header[data-v-0ed2a1c2]{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-header h1[data-v-0ed2a1c2],.stat-value[data-v-0ed2a1c2]{font-size:22px}.chart-container[data-v-0ed2a1c2]{height:300px}.chart-card[data-v-0ed2a1c2]{min-height:380px;margin-bottom:15px}.chart-row[data-v-0ed2a1c2]{margin-bottom:0}.inout-stats[data-v-0ed2a1c2]{height:auto;min-height:400px;gap:10px}.stat-item[data-v-0ed2a1c2]{height:auto;min-height:140px}.stat-summary[data-v-0ed2a1c2]{height:auto;min-height:100px}}.el-col[data-v-0ed2a1c2]{margin-bottom:20px}@media (min-width:768px){.el-col[data-v-0ed2a1c2]{margin-bottom:0}}