:root{--color-primary: #16865b;--color-primary-dark: #0f6846;--color-primary-soft: #e8f5ef;--color-accent: #ef8b2c;--color-success: #20a875;--color-text: #17352a;--color-text-muted: #637186;--color-border: #dce8e2;--color-background: #f8faf9;--color-surface: #ffffff;--color-danger: #d94747;--shadow-card: 0 28px 70px rgba(31, 83, 62, .12);--radius-card: 24px;--font-main: "Manrope", "Segoe UI", sans-serif;--primary-soft: #e8f5ef;--accent: #ef8b2c;--accent-soft: #fff2e5;--danger: #d64b4b;--text: #17352a;--muted: #6e7e75;--border: #dfe9e4;--bg: #f6f9f7;--sidebar-width: 252px;--font: "Manrope", "Segoe UI", sans-serif;--primary: #16865b;--primary-dark: #0f6846;--primary-soft: #eaf7f1;--accent: #ed8a33;--ink: #243d32;--muted: #718178;--border: #dfe8e3;--surface: #fff;--background: #f5f8f6;--danger: #c84f4f;--sidebar: 252px}html{min-width:320px;scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:var(--color-background)}body{font-family:var(--font-main);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:page-enter .26s ease-out;transition:opacity .18s ease,transform .18s ease}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}}:root{--color-primary: #16865b;--color-primary-dark: #0f6846;--color-primary-soft: #e8f5ef;--color-accent: #ef8b2c;--color-accent-soft: #fff2e5;--color-text: #17352a;--color-muted: #718078;--color-border: #dfe9e4;--color-bg: #f6f9f7;--color-surface: #fff;--shadow-soft: 0 14px 38px rgba(27, 74, 56, .08);--sidebar-width: 252px;--font-main: "Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-main);-webkit-font-smoothing:antialiased;animation:page-enter .26s ease-out;transition:opacity .18s ease,transform .18s ease}body.page-leaving{pointer-events:none}.page-loader{position:fixed;z-index:9999;inset:0;display:flex;visibility:hidden;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--color-primary);background:rgba(255,255,255,.92);opacity:0;backdrop-filter:blur(6px);transition:opacity .18s ease,visibility .18s ease}.page-loader--visible{visibility:visible;opacity:1}.page-loader__spinner{width:42px;height:42px;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:page-loader-spin .75s linear infinite}.page-loader__text{color:#4f665c;font-size:13px;font-weight:700}button{font:inherit}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.camera-item{position:relative;display:grid;width:100%;padding:11px;grid-template-columns:84px minmax(0,1fr);gap:12px;border:1px solid #e3ebe7;border-radius:11px;color:inherit;background:#fff;cursor:pointer;text-align:left;transition:.18s ease}.camera-item:hover,.camera-item--active{border-color:#a9cfbd;background:#f8fcfa}.camera-item--active{box-shadow:inset 3px 0 var(--primary)}.camera-item__thumbnail{position:relative;height:62px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#b6d0c8 0 50%,#657c6c 50%)}.camera-item__thumbnail:before{position:absolute;right:10%;bottom:20%;width:55%;height:45%;background:#d5d2c6;box-shadow:-38px 7px #4d7355;content:"";clip-path:polygon(0 25%,50% 0,100% 22%,100% 100%,0 100%)}.camera-item__thumbnail-image{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover;inset:0}.camera-item--offline .camera-item__thumbnail{filter:grayscale(1);opacity:.65}.camera-item__thumbnail-status{position:absolute;z-index:1;top:6px;left:6px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#20a875}.camera-item--offline .camera-item__thumbnail-status{background:#d64b4b}.camera-item__info{min-width:0;padding-top:2px}.camera-item__name{margin:0;overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.camera-item__address{margin:5px 0;overflow:hidden;color:var(--muted);font-family:monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.camera-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.camera-item__state{display:flex;align-items:center;gap:4px;color:#21825d;font-size:9px;font-weight:700}.camera-item--offline .camera-item__state{color:#bd4b4b}.camera-item__state span{width:5px;height:5px;border-radius:50%;background:currentColor}.camera-item__actions{position:relative;z-index:2;display:flex;align-items:center;gap:5px}.camera-item__settings,.camera-item__disconnect{display:grid;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;place-items:center;transition:.16s ease}.camera-item__settings{color:var(--primary)}.camera-item__settings:hover{border-color:#cce2d7;background:var(--primary-soft)}.camera-item__disconnect{position:relative;z-index:2;color:#a14b4b}.camera-item__disconnect:hover{border-color:#efd3d3;background:#fff2f2}.camera-item__settings svg,.camera-item__disconnect svg{width:18px;height:18px}.camera-item__disconnect--loading svg{animation:camera-spin .7s linear infinite}.station-card{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:.18s ease}.station-card:hover{border-color:#abd2c0;box-shadow:0 8px 25px #16463212}.station-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.station-card__identity{display:flex;align-items:center;gap:11px;min-width:0}.station-card__icon{display:grid;width:42px;height:42px;flex:none;border-radius:10px;color:var(--primary);background:var(--primary-soft);place-items:center}.station-card__icon svg{width:20px}.station-card__name{margin:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.station-card__code{margin:4px 0 0;color:var(--muted);font-family:monospace;font-size:11px}.station-card__status{display:flex;padding:5px 8px;align-items:center;gap:5px;border-radius:20px;color:#247b57;background:#eaf7f1;font-size:9px;font-weight:800}.station-card__status:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.station-card__status--inactive{color:#9a6c2b;background:#fff4e4}.station-card__stats{display:grid;margin-top:16px;padding:13px 0;grid-template-columns:1fr 1fr;border-block:1px solid #edf1ef}.station-card__stat{display:flex;align-items:center;gap:9px}.station-card__stat+.station-card__stat{padding-left:15px;border-left:1px solid var(--border)}.station-card__stat svg{width:18px;color:var(--primary)}.station-card__stat span{display:block;color:var(--muted);font-size:10px}.station-card__stat strong{display:block;margin-top:2px;font-size:12px}.station-card__devices{display:flex;min-height:24px;margin-top:13px;align-items:center;gap:6px;color:var(--muted);font-size:10px}.station-card__device{padding:4px 7px;border-radius:5px;background:#f1f5f3}.station-card__actions{display:flex;margin-top:14px;justify-content:flex-end;gap:7px}.station-card__edit,.station-card__delete{height:32px;padding:0 10px;border-radius:7px;background:#fff;cursor:pointer;font-size:10px;font-weight:750}.station-card__edit{border:1px solid #add1c0;color:var(--primary)}.station-card__delete{border:1px solid #eccdcd;color:var(--danger)}.recordings-table__wrapper{position:relative;overflow-x:auto}.recordings-table{width:100%;min-width:700px;border-collapse:collapse}.recordings-table th{height:44px;padding:0 14px;color:#718078;background:#f8faf9;font-size:11px;font-weight:800;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.recordings-table th:first-child,.recordings-table td:first-child{width:65%;padding-left:23px}.recordings-table th:last-child,.recordings-table td:last-child{padding-right:23px}.recordings-table td{height:66px;padding:9px 14px;border-top:1px solid #edf2ef;color:#455a4f;font-size:13px;white-space:nowrap}.recordings-table tbody tr{transition:background .15s ease}.recordings-table tbody tr:hover{background:#fbfdfc}.recording-file{display:flex;min-width:0;align-items:center;gap:10px}.recording-file__icon{display:grid;width:34px;height:34px;flex:0 0 auto;border-radius:9px;color:var(--primary);background:var(--primary-soft);place-items:center}.recording-file__icon svg{width:16px}.recording-file__name{display:block;max-width:520px;overflow:hidden;color:#294238;font-size:13px;font-weight:750;text-overflow:ellipsis}.recording-file__format{display:block;margin-top:3px;color:#9aa69f;font-size:11px}.recording-product{color:var(--primary);font-family:monospace;font-size:11px;font-weight:700}.recording-storage{display:inline-flex;padding:5px 7px;align-items:center;gap:5px;border-radius:6px;font-size:9px;font-weight:700}.recording-storage--sd{color:#aa631d;background:var(--accent-soft)}.recording-storage--system{color:#197650;background:var(--primary-soft)}.recording-storage span{width:5px;height:5px;border-radius:50%;background:currentColor}.recording-actions{display:flex;gap:4px}.recording-actions button{display:grid;width:31px;height:31px;border:1px solid var(--border);border-radius:7px;color:#65766d;background:#fff;cursor:pointer;place-items:center}.recording-actions button:hover{border-color:#a9cfbd;color:var(--primary);background:var(--primary-soft)}.recording-actions svg{width:14px}.recording-actions .recording-actions__copy{color:var(--primary)}.device-settings-trigger{display:grid!important;width:38px!important;height:38px!important;padding:0!important;place-items:center;border:1px solid #dce7e1!important;border-radius:10px!important;color:#315447!important;background:#fff!important;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.device-settings-trigger:hover{border-color:#9fc9b5!important;background:#f1f8f5!important}.device-settings-trigger:active{transform:scale(.96)}.device-settings-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.device-settings-modal[hidden]{display:none}.device-settings-modal{position:fixed;z-index:1000;inset:0;display:grid;padding:24px;place-items:center}.device-settings-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(16,37,29,.54);backdrop-filter:blur(4px);animation:device-settings-backdrop-in .18s ease-out both}.device-settings-modal__panel{position:relative;display:flex;width:min(920px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;flex-direction:column;border:1px solid #dce7e1;border-radius:18px;background:#f7faf8;box-shadow:0 28px 80px #0f2d2140;transform-origin:center;animation:device-settings-panel-in .24s cubic-bezier(.2,.8,.2,1) both}.device-settings-modal__header{display:flex;padding:20px 22px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e9e5;background:#fff}.device-settings-modal__heading{display:flex;min-width:0;align-items:center;gap:12px}.device-settings-modal__heading-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:11px;color:#16865b;background:#e6f4ed}.device-settings-modal__heading-icon svg,.device-settings-modal__close svg,.device-settings-card svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.device-settings-modal__heading h2{margin:0;color:#253f34;font-size:18px}.device-settings-modal__heading p{margin:3px 0 0;overflow:hidden;color:#7b8b83;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.device-settings-modal__close{display:grid;width:36px;height:36px;padding:0;flex:none;place-items:center;border:1px solid #e0e8e4;border-radius:9px;color:#65776e;background:#fff;cursor:pointer}.device-settings-modal__body{padding:20px;overflow:auto}.device-settings-status{display:flex;margin-bottom:14px;padding:10px 12px;align-items:center;gap:8px;border:1px solid #dce8e2;border-radius:9px;color:#5d7167;background:#fff;font-size:11px}.device-settings-status:before{width:7px;height:7px;flex:none;border-radius:50%;background:#20a875;content:"";box-shadow:0 0 0 3px #def3e9}.device-settings-status--error{color:#9d4d4d;border-color:#efd6d6;background:#fff8f8}.device-settings-status--error:before{background:#cf5b5b;box-shadow:0 0 0 3px #f9e1e1}.device-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.device-settings-card{min-width:0;padding:17px;border:1px solid #e0e9e4;border-radius:13px;background:#fff}.device-settings-card--wide{grid-column:1 / -1}.device-settings-account-row{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:14px}.device-settings-maintenance-row{display:grid;grid-column:1 / -1;grid-template-columns:1fr;gap:14px}.device-settings-card--software,.device-settings-card--logs{align-self:stretch}.device-settings-card--software .device-settings-version{align-items:center;flex-direction:row}.device-settings-card__header{display:flex;margin-bottom:14px;align-items:center;gap:10px;color:#365548}.device-settings-card__header--launcher{margin-bottom:0}.device-settings-card__header--launcher>div{min-width:0;flex:1}.device-settings-card__header>span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:9px;color:#16865b;background:#eaf5ef}.device-settings-card__header h3{margin:0;font-size:13px}.device-settings-card__header p{margin:2px 0 0;color:#819087;font-size:10px}.device-settings-field{display:grid;gap:6px}.device-settings-field+.device-settings-field{margin-top:11px}.device-settings-field label{color:#63776c;font-size:10px;font-weight:750}.device-settings-field input,.device-settings-field select{width:100%;height:40px;padding:0 11px;border:1px solid #d8e4de;border-radius:8px;outline:0;color:#304b3f;background:#fbfdfc;font:inherit;font-size:12px}.device-settings-field input:focus,.device-settings-field select:focus{border-color:#16865b;box-shadow:0 0 0 3px #16865b1a}.device-settings-storage{display:grid;gap:9px}.device-settings-storage__summary{display:flex;justify-content:space-between;gap:12px;color:#6c7f75;font-size:11px}.device-settings-storage__summary strong{color:#304b3f}.device-settings-storage__bar{height:7px;overflow:hidden;border-radius:8px;background:#e8efeb}.device-settings-storage__bar span{display:block;width:0;height:100%;border-radius:inherit;background:#16865b;transition:width .25s ease}.device-settings-storage__meta{display:flex;justify-content:space-between;color:#8a9891;font-size:10px}.device-settings-actions{display:flex;margin-top:14px;flex-wrap:wrap;gap:8px}.device-settings-button{display:inline-flex;min-height:38px;padding:0 13px;align-items:center;justify-content:center;gap:7px;border:1px solid #d5e2db;border-radius:8px;color:#436055;background:#fff;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.device-settings-button--primary{border-color:#16865b;color:#fff;background:#16865b}.device-settings-button--danger{color:#a54c4c;border-color:#ebcccc;background:#fff9f9}.device-settings-button:disabled{color:#9aa7a0;border-color:#e2e8e5;background:#f5f7f6;cursor:not-allowed}.device-settings-button svg{width:15px}.device-settings-version{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-settings-version strong{display:block;color:#304b3f;font-size:13px}.device-settings-version small{display:block;margin-top:3px;color:#84928b;font-size:10px}.device-log-launcher{display:grid;width:42px;height:42px;padding:0;flex:none;place-items:center;border:1px solid #16865b;border-radius:10px;color:#fff;background:#16865b;cursor:pointer;transition:transform .16s ease,background .16s ease}.device-log-launcher:hover{background:#10744d}.device-log-launcher:active{transform:scale(.95)}.device-log-launcher svg{width:18px}.device-settings-note{margin:10px 0 0;color:#8c9992;font-size:9px;line-height:1.5}.device-log-viewer[hidden]{display:none}.device-log-viewer{position:absolute;z-index:3;inset:18px;display:flex;overflow:hidden;flex-direction:column;border:1px solid #dce6e1;border-radius:15px;background:#fff;box-shadow:0 25px 70px #0e281d4d;animation:device-settings-panel-in .2s ease-out both}.device-log-viewer__header{display:flex;padding:16px 18px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e3eae6}.device-log-viewer__header h2{margin:0;color:#29483b;font-size:16px}.device-log-viewer__header p{margin:3px 0 0;color:#84928a;font-size:10px}.device-log-viewer__toolbar{display:flex;padding:11px 14px;align-items:center;gap:8px;border-bottom:1px solid #e5ece8;background:#f8faf9}.device-log-viewer__toolbar label{display:flex;height:38px;min-width:180px;flex:1;align-items:center;gap:8px;padding:0 11px;border:1px solid #d8e3dd;border-radius:8px;background:#fff}.device-log-viewer__toolbar label svg{width:17px;flex:none;fill:none;stroke:#74877d;stroke-width:1.8}.device-log-viewer__toolbar input{width:100%;border:0;outline:0;color:#365247;background:transparent;font:inherit;font-size:11px}.device-log-viewer__toolbar>span{color:#788980;font-size:10px;white-space:nowrap}.device-log-viewer__content{min-height:0;margin:0;padding:17px 18px;overflow:auto;flex:1;color:#d9e7df;background:#17251f;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}body.device-settings-open{overflow:hidden}@keyframes device-settings-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes device-settings-panel-in{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 680px){.device-settings-modal{padding:0;place-items:end center}.device-settings-modal__panel{width:100%;max-height:94vh;border-radius:18px 18px 0 0;transform-origin:bottom center;animation-name:device-settings-panel-in-mobile}.device-settings-modal__header{padding:16px}.device-settings-modal__body{padding:14px}.device-settings-grid{grid-template-columns:1fr}.device-settings-card--wide{grid-column:auto}.device-settings-account-row,.device-settings-maintenance-row{grid-column:auto;grid-template-columns:1fr}.device-settings-version{align-items:flex-start;flex-direction:column}.device-settings-actions,.device-settings-button{width:100%}.device-log-viewer{inset:8px;border-radius:13px}.device-log-viewer__toolbar{align-items:stretch;flex-wrap:wrap}.device-log-viewer__toolbar label{width:100%;flex-basis:100%}.device-log-viewer__toolbar .device-settings-button{width:auto;flex:1}}@keyframes device-settings-panel-in-mobile{0%{opacity:.35;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.device-settings-modal__backdrop,.device-settings-modal__panel{animation:none}}.header-promo{position:relative;min-width:0;height:100%;flex:1 1 auto;order:2;overflow:hidden;color:#546a60}.header-promo__track{position:absolute;top:0;bottom:0;left:100%;display:flex;width:max-content;align-items:center;animation:header-promo-scroll 60s linear -6s infinite;animation-play-state:running;will-change:left,transform}.dashboard-header__menu,.camera-header__menu,.station-header__menu{order:1}.dashboard-header__actions,.camera-header__actions,.station-header__actions{margin-left:auto;flex:0 0 auto;order:3}.header-promo__group{display:flex;flex:none;align-items:center}.header-promo__item{display:inline-flex;align-items:center;gap:8px;padding-right:46px;font-size:12px;font-weight:650;white-space:nowrap}.header-promo__item strong{color:#16865b;font-weight:800}.header-promo__item:before{width:6px;height:6px;flex:none;border-radius:50%;background:#ef8b2c;content:"";box-shadow:0 0 0 3px #fff0e1}.sidebar-clock{display:grid;margin:0 0 12px;padding-bottom:12px;gap:3px;border-bottom:1px solid #edf2ef}.sidebar-clock__date{color:#87958f;font-size:10px;font-weight:650}.sidebar-clock__time{color:#365448;font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.2}@keyframes header-promo-scroll{0%{left:100%;transform:translate(0)}to{left:0;transform:translate(-100%)}}@media (min-width: 761px){.dashboard-header,.camera-header,.station-header{padding-left:0!important}}@media (max-width: 760px){.header-promo__item{padding-right:28px;font-size:11px}}@media (prefers-reduced-motion: reduce){.header-promo__track{position:static;width:auto;height:100%;animation:none}.header-promo__item:not(:first-child){display:none}}.operation-loading-overlay{position:fixed;z-index:10000;inset:0;display:grid;padding:20px;visibility:hidden;place-items:center;background:rgba(244,249,246,.9);opacity:0;backdrop-filter:blur(7px);transition:visibility .16s ease,opacity .16s ease}.operation-loading-overlay[hidden]{display:none}.operation-loading-overlay--visible{visibility:visible;opacity:1}.operation-loading-overlay__panel{display:flex;width:min(390px,100%);padding:30px 25px;align-items:center;flex-direction:column;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:#fff;box-shadow:0 28px 75px #0b2f1f33;text-align:center}.operation-loading-overlay__spinner{width:44px;height:44px;margin-bottom:17px;border:4px solid #dcece4;border-top-color:#16865b;border-radius:50%;animation:operation-loading-spin .75s linear infinite}.operation-loading-overlay__title{color:#233c31;font-size:16px}.operation-loading-overlay__detail{margin-top:8px;color:#71847a;font-size:11px;line-height:1.55}@keyframes operation-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.operation-loading-overlay,.operation-loading-overlay__spinner{transition:none;animation-duration:1.5s}}.device-password-modal{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce7e1;border-radius:18px;background:#f7faf8;color:#244034;box-shadow:0 28px 80px #0f2d2140}.device-password-modal::backdrop{background:rgba(15,35,27,.45)}.device-password-modal .device-settings-modal__header h2{margin:0;font-size:18px}.device-password-modal .device-settings-modal__header p{margin:6px 0 0;color:#7b8c83;font-size:12px}