*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}button{font-family:inherit}.webcam-panel{position:relative;width:100%;aspect-ratio:4 / 3;background-color:#1a1a1a;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.webcam-panel__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}.webcam-panel__video--visible{display:block}.webcam-panel__placeholder,.webcam-panel__loading,.webcam-panel__error{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;text-align:center;padding:20px}.webcam-panel__placeholder p{font-size:16px;color:#999}.webcam-panel__loading{gap:16px}.webcam-panel__spinner{width:40px;height:40px;border:4px solid #333;border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite}.webcam-panel__loading p{font-size:14px;color:#999}.webcam-panel__error{gap:12px}.webcam-panel__error-icon{font-size:48px;color:#f44336}.webcam-panel__error-message{font-size:16px;font-weight:500;color:#f44336;margin:0}.webcam-panel__error-hint{font-size:12px;color:#999;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.controls-panel{display:flex;flex-direction:column;gap:14px;padding:16px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.controls-panel__section{display:flex;flex-direction:column;gap:8px}.controls-panel__section--row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.controls-panel__button{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.controls-panel__button:disabled{opacity:.5;cursor:not-allowed}.controls-panel__button--start{background-color:#4caf50;color:#fff}.controls-panel__button--start:hover:not(:disabled){background-color:#45a049}.controls-panel__button--stop{background-color:#f44336;color:#fff}.controls-panel__button--stop:hover:not(:disabled){background-color:#da190b}.controls-panel__label{font-size:14px;font-weight:500;color:#333;white-space:nowrap}.controls-panel__slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;cursor:pointer}.controls-panel__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#2196f3;cursor:pointer}.controls-panel__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2196f3;cursor:pointer;border:none}.controls-panel__slider:disabled{opacity:.5;cursor:not-allowed}.controls-panel__select{flex:1;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;outline:none;transition:border-color .2s ease}.controls-panel__select:hover:not(:disabled){border-color:#2196f3}.controls-panel__select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.controls-panel__select:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;background-color:#f5f5f5;border:1px solid #e0e0e0}.status-badge__indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-badge--ok .status-badge__indicator{background-color:#4caf50}.status-badge--warning .status-badge__indicator{background-color:#ff9800}.status-badge--alert .status-badge__indicator{background-color:#f44336;animation:pulse-fast .8s ease-in-out infinite}.status-badge--ok .status-badge__label{color:#2e7d32}.status-badge--warning .status-badge__label{color:#e65100}.status-badge--alert .status-badge__label{color:#c62828}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.attention-dashboard{min-height:100vh;padding:16px;background:#f5f5f5;display:flex;flex-direction:column}.attention-dashboard__header{text-align:center;color:#1a1a1a;margin-bottom:16px}.attention-dashboard__title{font-size:28px;font-weight:700;margin:0 0 4px}.attention-dashboard__subtitle{font-size:14px;margin:0;color:#666}.attention-dashboard__alert{max-width:900px;margin:0 auto 12px;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:600;text-align:center;animation:slide-down .3s ease-out}.attention-dashboard__alert--warning{background-color:#fff3cd;color:#856404;border:2px solid #ffc107}.attention-dashboard__alert--alert{background-color:#f8d7da;color:#721c24;border:2px solid #f44336;animation:shake .5s ease-in-out}.attention-dashboard__main{max-width:900px;margin:0 auto;width:100%}.attention-dashboard__card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:16px}.attention-dashboard__status{display:flex;flex-direction:column;gap:8px}.attention-dashboard__status-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.attention-dashboard__status-row:last-child{border-bottom:none}.attention-dashboard__status-label{font-size:14px;font-weight:600;color:#333}.attention-dashboard__init-error{padding:12px;background-color:#ffebee;color:#c62828;border-radius:6px;font-size:14px;text-align:center}.attention-dashboard__stats{padding-top:12px;border-top:2px solid #f0f0f0}.attention-dashboard__stats-title{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.attention-dashboard__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attention-dashboard__stat{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.attention-dashboard__stat-value{font-size:22px;font-weight:700;color:#2196f3;margin-bottom:4px}.attention-dashboard__stat-label{font-size:11px;color:#666;text-align:center}@keyframes slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.attention-dashboard__title{font-size:28px}.attention-dashboard__stats-grid{grid-template-columns:1fr}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}