.camera-config-page{display:grid;gap:18px}.camera-config-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(55,209,177,.2),transparent 36%),linear-gradient(132deg,#07253d,#0a4b74);color:#f2fbff;border:1px solid rgba(117,215,255,.35)}.camera-config-title{margin:0 0 6px;font-size:clamp(1.3rem,2vw,1.9rem)}.camera-config-subtitle{margin:0;color:#b9e8ff}.camera-notice{padding:12px 14px;border-radius:10px;border:1px solid #abd8f2;background:#eef8ff;color:#0d4f7d}.camera-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #d9e9f5;border-radius:14px;padding:16px;box-shadow:0 12px 30px #0f2d4517}.camera-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.camera-card-title{margin:0;color:#0f3450}.camera-new-btn{border:1px solid #79a0be;border-radius:8px;background:#fff;padding:7px 11px;cursor:pointer;font-weight:600}.camera-form{display:grid;gap:14px}.camera-form-title{margin:0;color:#163d5a}.camera-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-field{display:grid;gap:6px}.camera-field label{font-size:13px;color:#33566f;font-weight:600}.camera-field input{width:100%;border:1px solid #bfd9ea;border-radius:10px;background:#fff;padding:10px 11px;color:#122f45;transition:border-color .18s ease,box-shadow .18s ease}.camera-field input:focus{outline:none;border-color:#2f98cc;box-shadow:0 0 0 3px #2f98cc2e}.camera-switches{display:flex;gap:16px;align-items:center;padding:8px 0}.camera-switches label{display:inline-flex;align-items:center;gap:8px;color:#24455d;font-weight:600}.camera-submit-btn{margin-top:4px;border:none;border-radius:10px;padding:11px 14px;background:linear-gradient(135deg,#0a8ac2,#18b3d6);color:#fff;font-weight:700;cursor:pointer}.camera-submit-btn:disabled{opacity:.72;cursor:not-allowed}.camera-table-wrap{overflow-x:auto;border:1px solid #dce9f3;border-radius:12px}.camera-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.camera-search-input,.camera-filter-select{width:100%;border:1px solid #bfd9ea;border-radius:10px;background:#fff;padding:10px 11px;color:#122f45}.camera-search-input:focus,.camera-filter-select:focus{outline:none;border-color:#2f98cc;box-shadow:0 0 0 3px #2f98cc2e}.camera-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.camera-table thead{background:#f3f9ff}.camera-table th{text-align:left;padding:12px 10px;border-bottom:1px solid #d7e3ec;color:#29445b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.camera-table td{padding:12px 10px;border-bottom:1px solid #edf3f7;font-size:14px;color:#1b3348}.camera-table tr:hover{background:#f8fcff}.camera-status{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;text-transform:uppercase}.camera-status.active{color:#0f6b4a;background:#ddf7ea}.camera-status.inactive{color:#8c5d0d;background:#fff4dc}.camera-status.error{color:#8b1e1e;background:#ffe6e6}.camera-actions{display:flex;gap:8px}.camera-btn-edit,.camera-btn-delete{border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:600}.camera-btn-edit{border:1px solid #86a6bf;background:#fff}.camera-btn-delete{border:1px solid #d98484;background:#fff2f2;color:#8d1c1c}.camera-empty{padding:12px;color:#5d7890}.camera-pagination{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-pagination-info{color:#4f7189;font-size:13px}.camera-pagination-actions{display:flex;align-items:center;gap:8px}.camera-pagination-actions button{border:1px solid #86a6bf;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer}.camera-pagination-actions button:disabled{opacity:.55;cursor:not-allowed}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0414238c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:14px}.camera-modal{width:min(100%,440px);background:#fff;border:1px solid #d8e6f0;border-radius:12px;padding:16px;box-shadow:0 20px 45px #04172459}.camera-modal h3{margin:0 0 8px;color:#123a56}.camera-modal p{margin:0;color:#3f637b}.camera-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.camera-modal-cancel,.camera-modal-confirm{border-radius:8px;padding:7px 12px;font-weight:600;cursor:pointer}.camera-modal-cancel{border:1px solid #8aa8bc;background:#fff}.camera-modal-confirm{border:1px solid #cf6a6a;background:#ffe8e8;color:#8d1c1c}.camera-modal-confirm:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 920px){.camera-form-grid{grid-template-columns:1fr}.camera-switches{flex-wrap:wrap}.camera-toolbar{grid-template-columns:1fr}.camera-pagination{flex-direction:column;align-items:flex-start}}.stations-page{display:grid;gap:18px}.stations-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(113,169,255,.24),transparent 36%),linear-gradient(132deg,#142746,#285a9f);color:#f2f7ff;border:1px solid rgba(156,197,255,.35)}.stations-card{background:#fff;border:1px solid #d9e3f1;border-radius:14px;padding:16px;box-shadow:0 10px 28px #16284a17}.stations-notice{padding:12px 14px;border-radius:10px;border:1px solid #abd8f2;background:#eef8ff;color:#0d4f7d}.stations-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stations-actions-right{display:flex;gap:8px;align-items:center}.stations-card-title{margin:0;color:#17385c}.stations-new-btn{border:1px solid #7d9ec2;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.stations-form{display:grid;gap:12px}.stations-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stations-field{display:grid;gap:6px}.stations-field label{font-size:13px;color:#2d4464;font-weight:600}.stations-field input,.stations-search,.stations-filter{width:100%;border:1px solid #bfd1e7;border-radius:10px;background:#fff;padding:10px 11px}.stations-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#2656a5,#3670c8);color:#fff;font-weight:700;cursor:pointer}.stations-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.stations-table-wrap{overflow-x:auto;border:1px solid #dce5f1;border-radius:12px}.stations-table{width:100%;border-collapse:collapse;min-width:760px}.stations-table th,.stations-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #ebf0f6}.stations-table thead{background:#f4f7fd}.stations-sort-btn{border:none;background:transparent;color:#26486f;font-weight:700;cursor:pointer;padding:0}.stations-sort-btn:hover{color:#163356}.stations-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.stations-status.on{background:#def8e9;color:#136846}.stations-status.off{background:#ffecec;color:#8f2424}.stations-actions{display:flex;gap:8px}.stations-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.stations-btn.edit{border:1px solid #86a0c4;background:#fff}.stations-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.stations-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.stations-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c192e94;display:flex;align-items:center;justify-content:center;z-index:1100}.stations-modal{width:min(100%,430px);background:#fff;border:1px solid #d6e1f0;border-radius:12px;padding:16px}.stations-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.stations-form-grid,.stations-toolbar,.stations-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.stations-actions-right{flex-wrap:wrap}}.processes-page{display:grid;gap:18px}.processes-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,194,93,.24),transparent 36%),linear-gradient(132deg,#3c2a0d,#8a5b13);color:#fff6e8;border:1px solid rgba(255,208,137,.35)}.processes-card{background:#fff;border:1px solid #eadfcf;border-radius:14px;padding:16px;box-shadow:0 10px 28px #4a300f17}.processes-notice{padding:12px 14px;border-radius:10px;border:1px solid #f2d7ab;background:#fff8eb;color:#7d4f0d}.processes-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.processes-actions-right{display:flex;gap:8px}.processes-new-btn{border:1px solid #c8a882;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.processes-form{display:grid;gap:12px}.processes-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.processes-field{display:grid;gap:6px}.processes-field label{font-size:13px;color:#5d431f;font-weight:600}.processes-field input,.processes-search,.processes-filter{width:100%;border:1px solid #e0ccb0;border-radius:10px;background:#fff;padding:10px 11px}.processes-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#a36c1e,#c9892f);color:#fff;font-weight:700;cursor:pointer}.processes-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.processes-table-wrap{overflow-x:auto;border:1px solid #ebdfcf;border-radius:12px}.processes-table{width:100%;border-collapse:collapse;min-width:760px}.processes-table th,.processes-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f4ebdf}.processes-table thead{background:#fbf6ee}.processes-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.processes-status.on{background:#def8e9;color:#136846}.processes-status.off{background:#ffecec;color:#8f2424}.processes-actions{display:flex;gap:8px}.processes-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.processes-btn.edit{border:1px solid #bfa17c;background:#fff}.processes-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.processes-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.processes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#27190794;display:flex;align-items:center;justify-content:center;z-index:1100}.processes-modal{width:min(100%,430px);background:#fff;border:1px solid #e6d4ba;border-radius:12px;padding:16px}.processes-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.processes-form-grid,.processes-toolbar,.processes-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.processes-actions-right{flex-wrap:wrap}}.rois-page{display:grid;gap:18px}.rois-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(120,218,255,.24),transparent 36%),linear-gradient(132deg,#0e3551,#1f6f9a);color:#e9f8ff;border:1px solid rgba(159,225,255,.35)}.rois-card{background:#fff;border:1px solid #d0e4ef;border-radius:14px;padding:16px;box-shadow:0 10px 28px #07344d17}.rois-notice{padding:12px 14px;border-radius:10px;border:1px solid #b7e0f4;background:#ecf8ff;color:#0d5f88}.rois-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rois-actions-right{display:flex;gap:8px}.rois-new-btn{border:1px solid #80bdd9;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.rois-form{display:grid;gap:12px}.rois-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.rois-field{display:grid;gap:6px}.rois-field label{font-size:13px;color:#0d516f;font-weight:600}.rois-field input,.rois-field select,.rois-search,.rois-filter{width:100%;border:1px solid #bedbeb;border-radius:10px;background:#fff;padding:10px 11px}.rois-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#1d7ca7,#2d9ad0);color:#fff;font-weight:700;cursor:pointer}.rois-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.rois-table-wrap{overflow-x:auto;border:1px solid #d8e9f2;border-radius:12px}.rois-table{width:100%;border-collapse:collapse;min-width:860px}.rois-table th,.rois-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #e9f4f9}.rois-table thead{background:#f2f9fd}.rois-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.rois-status.on{background:#def8e9;color:#136846}.rois-status.off{background:#ffecec;color:#8f2424}.rois-actions{display:flex;gap:8px}.rois-btn{border-radius:8px;padding:6px 10px;cursor:pointer}.rois-btn.edit{border:1px solid #78abc5;background:#fff}.rois-btn.delete{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.rois-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.rois-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08243694;display:flex;align-items:center;justify-content:center;z-index:1100}.rois-modal{width:min(100%,430px);background:#fff;border:1px solid #bedbeb;border-radius:12px;padding:16px}.rois-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.rois-form-grid,.rois-toolbar,.rois-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.rois-actions-right{flex-wrap:wrap}}.parameters-page{display:grid;gap:18px}.parameters-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(194,255,133,.24),transparent 36%),linear-gradient(132deg,#21521e,#4a8e34);color:#f2ffe8;border:1px solid rgba(203,255,166,.35)}.parameters-card{background:#fff;border:1px solid #daebcf;border-radius:14px;padding:16px;box-shadow:0 10px 28px #1c490e17}.parameters-notice{padding:12px 14px;border-radius:10px;border:1px solid #d4efbb;background:#f6ffec;color:#3d6e12}.parameters-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.parameters-form{display:grid;gap:12px}.parameters-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.parameters-field{display:grid;gap:6px}.parameters-field label{font-size:13px;color:#30581c;font-weight:600}.parameters-field input,.parameters-search,.parameters-filter{width:100%;border:1px solid #cfe4be;border-radius:10px;background:#fff;padding:10px 11px}.parameters-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#4d8f2c,#69af45);color:#fff;font-weight:700;cursor:pointer}.parameters-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.parameters-table-wrap{overflow-x:auto;border:1px solid #dfecd6;border-radius:12px}.parameters-table{width:100%;border-collapse:collapse;min-width:980px}.parameters-table th,.parameters-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf5e8}.parameters-table thead{background:#f7fcf3}.parameters-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.parameters-status.on{background:#def8e9;color:#136846}.parameters-status.off{background:#ffecec;color:#8f2424}.parameters-actions{display:flex;gap:8px}.parameters-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #9fc08e;background:#fff}.parameters-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.parameters-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.parameters-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#162d0c8f;display:flex;align-items:center;justify-content:center;z-index:1100}.parameters-modal{width:min(100%,430px);background:#fff;border:1px solid #cfe4be;border-radius:12px;padding:16px}.parameters-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.parameters-form-grid,.parameters-toolbar,.parameters-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.thresholds-page{display:grid;gap:18px}.thresholds-header{padding:18px;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(255,160,160,.24),transparent 36%),linear-gradient(132deg,#6e1b2c,#ab2d4a);color:#ffeef2;border:1px solid rgba(255,174,194,.35)}.thresholds-card{background:#fff;border:1px solid #efced6;border-radius:14px;padding:16px;box-shadow:0 10px 28px #57122617}.thresholds-notice{padding:12px 14px;border-radius:10px;border:1px solid #f0bac7;background:#fff0f4;color:#8a1f3c}.thresholds-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.thresholds-form{display:grid;gap:12px}.thresholds-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.thresholds-field{display:grid;gap:6px}.thresholds-field label{font-size:13px;color:#6e1730;font-weight:600}.thresholds-field input,.thresholds-field select,.thresholds-search,.thresholds-filter{width:100%;border:1px solid #e8bfd0;border-radius:10px;background:#fff;padding:10px 11px}.thresholds-submit{border:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#a22e4c,#cb3d62);color:#fff;font-weight:700;cursor:pointer}.thresholds-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.thresholds-table-wrap{overflow-x:auto;border:1px solid #efdae1;border-radius:12px}.thresholds-table{width:100%;border-collapse:collapse;min-width:980px}.thresholds-table th,.thresholds-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f7e7ec}.thresholds-table thead{background:#fef4f7}.thresholds-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.thresholds-status.on{background:#def8e9;color:#136846}.thresholds-status.off{background:#ffecec;color:#8f2424}.thresholds-actions{display:flex;gap:8px}.thresholds-btn{border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #d399ab;background:#fff}.thresholds-btn-danger{border:1px solid #d48080;background:#fff1f1;color:#8d1c1c}.thresholds-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.thresholds-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#340a1891;display:flex;align-items:center;justify-content:center;z-index:1100}.thresholds-modal{width:min(100%,430px);background:#fff;border:1px solid #f0bac7;border-radius:12px;padding:16px}.thresholds-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 920px){.thresholds-form-grid,.thresholds-toolbar,.thresholds-pagination{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.rules-page{display:grid;gap:16px}.rules-card{background:#fff;border:1px solid #d8e4ef;border-radius:12px;padding:14px}.rules-form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.rules-form-grid input,.rules-search,.rules-filter{width:100%;border:1px solid #c7d6e5;border-radius:8px;padding:8px}.rules-table-wrap{overflow-x:auto}.rules-table{width:100%;border-collapse:collapse;min-width:900px}.rules-table th,.rules-table td{text-align:left;border-bottom:1px solid #edf2f7;padding:10px}.rules-actions{display:flex;gap:8px}.rules-btn{border:1px solid #a5bbd3;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.rules-btn-danger{border-color:#cf8585;background:#fff2f2;color:#8f2323}.auth-layout{--auth-bg-deep: #051423;--auth-bg-mid: #0b2d48;--auth-accent-cyan: #43d7ff;--auth-accent-green: #40f0b5;--auth-text-soft: #b7d8ed;display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,460px);min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(63,212,255,.24),transparent 40%),radial-gradient(circle at 80% 80%,rgba(64,240,181,.2),transparent 42%),linear-gradient(140deg,var(--auth-bg-deep),var(--auth-bg-mid));overflow:hidden}.auth-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(100,196,236,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,196,236,.12) 1px,transparent 1px);background-size:48px 48px;opacity:.32}.auth-visual{position:relative;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.75rem;z-index:1}.auth-badge{width:fit-content;padding:.4rem .8rem;border:1px solid rgba(96,216,255,.45);border-radius:999px;color:#e6f8ff;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#062238a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-title{color:#f4fbff;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:1.08;max-width:16ch}.auth-subtitle{color:var(--auth-text-soft);max-width:45ch;font-size:1rem}.auth-hero-image{width:min(100%,760px);max-height:min(56vh,560px);height:auto;object-fit:contain;border-radius:1.2rem;border:1px solid rgba(124,223,255,.35);box-shadow:0 24px 60px #00000059;transform-origin:center;animation:authFloat 9s ease-in-out infinite}.auth-overlay-image{position:absolute;right:clamp(1rem,6vw,5rem);bottom:clamp(.8rem,4vw,2.2rem);width:min(36vw,420px);max-height:34vh;height:auto;object-fit:contain;border-radius:.9rem;border:1px solid rgba(124,223,255,.35);box-shadow:0 12px 30px #00000073;animation:authReveal .7s ease-out}.auth-container{position:relative;z-index:1;margin:auto clamp(1rem,4vw,3rem);width:min(100%,430px);background:#f5fbfff5;border:1px solid rgba(89,169,207,.25);border-radius:1.4rem;padding:clamp(1.2rem,2vw,1.8rem);box-shadow:0 20px 55px #03131e59;animation:authReveal .6s ease-out}.login-page{width:100%}.login-header{margin-bottom:1.15rem}.login-brand{color:#0d3454;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.65rem;letter-spacing:.01em;margin-bottom:.2rem}.login-copy{color:#48677f;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:.95rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{color:#153852;font-size:.88rem;font-weight:600}.form-group input{width:100%;background:#f8fcff;border:1px solid #bfd9ea;border-radius:.7rem;padding:.72rem .78rem;font-size:.95rem;transition:border-color .18s ease,box-shadow .18s ease}.form-group input:focus{outline:none;border-color:#2ca6db;box-shadow:0 0 0 3px #36a8da33}.login-submit{margin-top:.4rem;border:none;border-radius:.75rem;padding:.82rem 1rem;background:linear-gradient(125deg,#0678af,#06a2d8 55%,#23c8bd);color:#f8fdff;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-hint{margin-top:.35rem;font-size:.82rem;color:#55768f}.error-message{padding:.72rem .78rem;border-radius:.65rem;border:1px solid rgba(220,93,93,.3);background:#fff4f4;color:#8b1e1e;font-size:.88rem}@keyframes authFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes authReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1060px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:54vh;padding-bottom:6rem}.auth-hero-image{max-height:46vh}.auth-container{margin:-3.5rem auto 1.6rem;width:min(92vw,460px)}.auth-overlay-image{width:min(65vw,360px);max-height:24vh}}@media (max-width: 720px){.auth-visual{min-height:47vh;padding:1.15rem;gap:.8rem}.auth-title{font-size:1.65rem}.auth-subtitle{font-size:.9rem}.auth-hero-image{width:100%;max-height:28vh}.auth-overlay-image{display:none}.auth-container{margin:-1.1rem auto 1rem;border-radius:1rem;padding:1rem}}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #64748b;--color-border: #334155;--color-border-light: #1e293b}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);padding:var(--spacing-lg)}.sidebar h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.sidebar-menu{list-style:none;display:grid;gap:8px}.sidebar-section{margin-bottom:16px}.sidebar-section-title{margin:0 0 8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:var(--font-semibold)}.sidebar-submenu{border:1px solid #dfe8f1;border-radius:10px;background:#fbfdff;padding:6px}.sidebar-submenu-toggle{cursor:pointer;list-style:none;font-weight:var(--font-semibold);color:var(--color-text-primary);padding:4px 6px}.sidebar-submenu-toggle::-webkit-details-marker{display:none}.sidebar-submenu-list{margin-top:6px}.sidebar-link{display:block;text-decoration:none;color:var(--color-text-secondary);border:1px solid transparent;border-radius:10px;padding:8px 10px;font-weight:var(--font-medium)}.sidebar-link:hover{background:#f3f8fc;color:var(--color-primary)}.sidebar-link.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.dashboard-content{display:flex;flex-direction:column}.dashboard-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:flex-end;align-items:center}.dashboard-main{flex:1;padding:var(--spacing-lg);overflow-y:auto}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.auth-container{background-color:var(--color-bg-primary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--color-border)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary)}.screen-shell{display:grid;gap:16px}.screen-header{background:linear-gradient(135deg,#0f4a7a,#2a79b9);color:#f4fbff;border-radius:14px;border:1px solid #8bbadf;padding:14px}.screen-title{font-size:22px;font-weight:var(--font-bold)}.screen-subtitle{margin-top:4px;color:#d9efff}.screen-notice{border:1px solid #b9d8ee;background:#eef8ff;color:#16496b;border-radius:10px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px}.screen-notice-icon{font-size:16px;line-height:1}.screen-notice-info{border-color:#b9d8ee;background:#eef8ff;color:#16496b}.screen-notice-success{border-color:#9fdab2;background:#effcf3;color:#1a5f31}.screen-notice-warning{border-color:#f1ce8c;background:#fff8e8;color:#85570c}.screen-notice-error{border-color:#e5b1b1;background:#fff2f2;color:#8a1f1f}.screen-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:14px;box-shadow:var(--shadow-sm)}.screen-toolbar{display:flex;gap:10px;flex-wrap:wrap}.screen-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-actions{display:flex;gap:8px;flex-wrap:wrap}.screen-table-wrap{overflow-x:auto;border:1px solid #d9e6f2;border-radius:10px}.screen-table{width:100%;border-collapse:collapse;min-width:760px}.screen-table th,.screen-table td{text-align:left;padding:10px;border-bottom:1px solid #ecf3f9}.screen-table thead{background:#f5faff}.dashboard-main input:not([type=checkbox]),.dashboard-main select,.dashboard-main textarea{width:100%;border:1px solid #c8d9e8;border-radius:9px;padding:9px 10px;background:#fff}.dashboard-main select[multiple]{min-height:140px}.dashboard-main button{border:1px solid #9fb9d1;border-radius:9px;background:#fff;padding:8px 10px;cursor:pointer}.btn-primary{border-color:#1f75b8;background:#2f83c4;color:#fff}.btn-secondary{border-color:#9fb9d1;background:#fff;color:#19476b}.btn-danger{border-color:#d58e8e;background:#fff1f1;color:#8b1f1f}.screen-pre{border:1px solid #d9e6f2;border-radius:10px;background:#f7fbff;padding:12px;max-height:360px;overflow:auto;font-size:12px}.searchable-select{display:grid;gap:8px;width:100%}.searchable-select-input,.searchable-select-control{width:100%}.searchable-select-actions{display:flex;gap:8px}.searchable-select-meta{font-size:12px;color:#3d6483}.btn-secondary.is-active{background:#e6f1fa;border-color:#73a8d2}.workstation-layout-grid{display:grid;gap:14px;grid-template-columns:minmax(280px,340px) 1fr}.workstation-sidepanel{display:grid;gap:10px;align-content:start}.workstation-sidepanel h3{margin:0;color:#174b70;font-size:14px}.workstation-section-title-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.workstation-icon-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.workstation-mini-form{display:grid;gap:8px;border:1px solid #d7e6f2;border-radius:10px;background:#f9fcff;padding:8px}.workstation-library{display:flex;gap:8px;flex-wrap:wrap;max-height:150px;overflow:auto;border:1px solid #d7e6f2;border-radius:10px;padding:8px;background:#f9fcff}.workstation-chip{border:1px solid #b9d0e4;border-radius:999px;background:#fff;padding:5px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.workstation-chip.is-inactive{opacity:.6}.tool-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;color:#245273}.tool-icon-svg{width:20px;height:20px}.tool-emoji{font-size:18px;line-height:1}.workstation-chip-station{border-color:#8fb3cf}.workstation-chip-branch{border-color:#7aa7b8}.workstation-chip-camera{border-color:#9ac6a0}.workstation-chip-roi{border-color:#c9b690}.workstation-chip-zone{border-color:#9f9ad0}.workstation-canvas-shell{display:grid;gap:10px}.workstation-canvas-toolbar,.workstation-selection-bar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border:1px solid #d8e6f2;border-radius:10px;padding:8px 10px;background:#f8fbff;font-size:13px}.workstation-breadcrumb{font-weight:600;color:#1a4f75}.workstation-canvas{position:relative;width:100%;max-width:1100px;height:680px;border:1px solid #c9dced;border-radius:12px;overflow:hidden;background:linear-gradient(#eef6fd 1px,transparent 1px),linear-gradient(90deg,#eef6fd 1px,transparent 1px),#fff;background-size:24px 24px;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.workstation-canvas.is-switching{opacity:.68;transform:scale(.992);box-shadow:inset 0 0 0 2px #367fbd47}.layout-item{position:absolute;border-radius:10px;border:1px solid #a8bfd4;background:#fff;padding:6px;display:grid;gap:2px;font-size:12px;cursor:move;box-shadow:0 4px 12px #2252771f}.workstation-item-enter{animation:workstation-item-enter .28s ease both}@keyframes workstation-item-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-item strong{font-size:12px;color:#123e5f}.layout-item-head{display:inline-flex;align-items:center;gap:6px}.layout-item span{color:#446985;font-size:11px}.layout-item.selected{outline:2px solid #347fbd}.layout-item.is-inactive{opacity:.56;filter:grayscale(.2)}.layout-item.is-inactive .tool-icon{color:#8ea0ae}.layout-item.is-active .tool-icon{color:#1f7a39}.workstation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11293d8f;display:flex;align-items:center;justify-content:center;z-index:1200}.workstation-modal{width:min(100%,520px);background:#fff;border:1px solid #cfe1ef;border-radius:14px;padding:16px;box-shadow:0 18px 36px #082d4833}.workstation-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.workstation-modal-header h3{margin:0}.workstation-modal-close{width:32px;height:32px;border-radius:999px;border:1px solid #b8cede;background:#f7fbff;color:#1b4c70;font-size:20px;line-height:1;padding:0}.layout-item-station{background:#eaf4fd;border-color:#8fb3cf}.layout-item-branch{background:#e8f7f9;border-color:#7aa7b8}.layout-item-camera{background:#ecfaee;border-color:#9ac6a0}.layout-item-roi{background:#fff8e7;border-color:#c9b690}.layout-item-zone{background:#f1efff;border-color:#9f9ad0}.workstation-drawing-rect{position:absolute;border:2px dashed #347fbd;background:#347fbd1f}.workstation-preview-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.workstation-poly{fill:#7f6dce40;stroke:#6f5bc3;stroke-width:2}@media (max-width: 920px){.screen-grid,.workstation-layout-grid{grid-template-columns:1fr}.workstation-canvas{height:560px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;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}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-base);line-height:1.5}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}