:root{--color-primary: #004098;--color-danger: #FF0000;--color-success: #52a447;--color-report: #00B0F0;--color-bg-body: #F0F0F0;--color-bg-panel: #FFFFFF;--color-text-main: #000000;--color-text-muted: #666666;--color-outline: #000000;--radius-panel: 24px;--radius-capsule: 999px;--shadow-main: 0 10px 30px rgba(0, 0, 0, .1);--font-main: "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;overflow:hidden;font-family:var(--font-main);background-color:#f5f5f5}#root{display:flex;flex-direction:column}.app-container{width:100%;height:100%;display:flex;flex-direction:column;padding:40px 60px;gap:30px}main{flex:1;display:flex;gap:30px;min-height:0}button{cursor:pointer;border:none;font-family:inherit}.panel{background:#fff;border-radius:var(--radius-panel);box-shadow:var(--shadow-main)}.outlined{border:3px solid var(--color-outline)}.text-center{text-align:center}.flex-1{flex:1}.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:48px;background:radial-gradient(circle at 12% 18%,rgba(0,64,152,.12),transparent 36%),radial-gradient(circle at 84% 82%,rgba(0,176,240,.14),transparent 34%),#f5f5f5}.login-card{width:min(560px,92vw);padding:36px 38px;border:3px solid rgba(0,0,0,.08)}.login-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.login-dot{width:54px;height:54px;border-radius:999px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.login-title{font-size:34px;font-weight:800;color:var(--color-primary);letter-spacing:1px}.login-subtitle{margin-top:4px;font-size:16px;color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{font-size:16px;font-weight:700;color:var(--color-text-main)}.login-input{width:100%;height:52px;border:2px solid #cfd6e3;border-radius:14px;padding:0 14px;font-size:17px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00409826}.login-error{min-height:22px;color:var(--color-danger);font-size:14px;font-weight:700}.login-submit{margin-top:8px;height:56px;border-radius:var(--radius-capsule);border:3px solid #000;background:var(--color-primary);color:#fff;font-size:24px;font-weight:800;letter-spacing:2px;box-shadow:0 8px 16px #00409838}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit:hover{filter:brightness(1.03)}.login-hint{min-height:18px;font-size:13px;color:var(--color-text-muted);font-weight:600}.camera-page{width:100%;height:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.camera-preview-card{padding:20px;display:flex;flex-direction:column;gap:14px}.camera-preview-header{display:flex;align-items:center;justify-content:space-between}.camera-chip{background:var(--color-primary);color:#fff;border-radius:var(--radius-capsule);padding:8px 18px;font-weight:700;font-size:16px}.camera-room-tag{color:var(--color-text-muted);font-size:14px;font-weight:700}.camera-preview-shell{position:relative;flex:1;min-height:340px;border-radius:18px;overflow:hidden;background:#0f172a;border:3px solid #dce6f7}.camera-preview-video{width:100%;height:100%;object-fit:cover}.camera-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#dbeafe;font-size:24px;font-weight:700}.camera-action-card{padding:28px;display:flex;flex-direction:column;gap:18px;justify-content:center}.camera-action-title{font-size:34px;color:var(--color-primary);font-weight:800}.camera-status{min-height:44px;font-size:16px;font-weight:700;color:#1f2937}.camera-action-row{display:flex;gap:12px}.camera-btn{height:52px;border-radius:var(--radius-capsule);border:3px solid #000;padding:0 22px;font-size:18px;font-weight:800}.camera-btn-primary{background:var(--color-primary);color:#fff}.camera-btn-secondary{background:#fff;color:#111827}.camera-btn:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.login-page{padding:22px}.login-card{padding:24px 20px}.login-title{font-size:26px}.login-subtitle{font-size:14px}.login-submit{height:50px;font-size:20px}.camera-page{grid-template-columns:1fr;gap:16px}.camera-action-card{padding:20px}.camera-action-row{flex-direction:column}}