.grain-monitoring-page[data-v-22679672]{min-height:calc(100vh - 100px);padding:20px}.page-top[data-v-22679672]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.page-title[data-v-22679672]{margin:0 0 8px;font-size:22px;color:#1f2937}.page-desc[data-v-22679672]{margin:0;font-size:14px;color:#6b7280}.warehouse-select[data-v-22679672]{display:flex;align-items:center;gap:12px;flex-shrink:0}.select-label[data-v-22679672]{font-size:14px;color:#4b5563;white-space:nowrap}.empty-panel[data-v-22679672]{background:#fff;border-radius:8px;padding:80px 20px;text-align:center;color:#9ca3af}.empty-panel i[data-v-22679672]{font-size:48px;display:block;margin-bottom:16px}.empty-panel .sub[data-v-22679672]{font-size:13px;margin-top:8px}.camera-grid[data-v-22679672]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.camera-card[data-v-22679672]{background:#1e293b;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.2)}.camera-card-head[data-v-22679672]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #334155}.camera-title[data-v-22679672]{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:500}.status-dot[data-v-22679672]{width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-22679672]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.6)}.camera-ip[data-v-22679672]{font-size:12px;color:#94a3b8}.camera-feed[data-v-22679672]{height:220px;background:#0f172a}.feed-placeholder[data-v-22679672]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b}.feed-placeholder i[data-v-22679672]{font-size:40px;opacity:.6}.camera-card-foot[data-v-22679672]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;color:#94a3b8;border-top:1px solid #334155}.status-bar[data-v-22679672]{margin-top:20px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:12px 16px;color:#047857;font-size:14px;display:flex;align-items:center;gap:8px}