@charset "UTF-8";.main-page{width:100%;height:100%;position:relative;overflow:hidden}.main-page .map-container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.main-page .map-fallback{width:100%;height:100%;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--white-fg);text-align:center;padding:2rem;z-index:1;position:absolute}.main-page .map-fallback__icon{font-size:3rem;margin-bottom:1rem}.main-page .map-fallback__title{font-size:1.35rem;line-height:1.6rem;font-weight:700;margin-bottom:.5rem}.main-page .map-fallback__desc{font-size:.9375rem;line-height:1.3rem;font-weight:400;opacity:.7;max-width:320px;margin-bottom:1.5rem}.main-page .map-fallback__btn{padding:.75rem 1.5rem;background-color:var(--blue-fg);color:var(--white-fg);border-radius:100px}.main-page .map-controls{position:absolute;top:2rem;right:2rem;display:flex;justify-content:flex-end;align-items:center;z-index:5;pointer-events:none}@media (max-width: 768px){.main-page .map-controls{top:1rem;left:1rem;right:1rem;justify-content:center}}.main-page .map-controls .map-hint{background-color:#000c;color:var(--white-fg);padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600;pointer-events:auto;animation:fadeIn .3s ease}.main-page .sheet{position:absolute;z-index:10;background-color:var(--white-fg);display:flex;flex-direction:column;box-shadow:0 -8px 24px #00000026;transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;left:0;right:0;bottom:0;border-radius:2rem 2rem 0 0;max-height:85%}@media (max-width: 768px){.main-page .sheet.is-collapsed{transform:translateY(calc(100% - 40px));cursor:pointer}}@media (min-width: 769px){.main-page .sheet{left:2rem;right:auto;top:2rem;bottom:2rem;width:480px;max-height:calc(100% - 4rem);border-radius:2rem;box-shadow:0 8px 32px #00000026}}.main-page .sheet__handle-bar{height:24px;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0}@media (min-width: 769px){.main-page .sheet__handle-bar{display:none}}.main-page .sheet__handle-bar .handle{width:36px;height:5px;border-radius:100px;background-color:var(--gray-bg-handle)}.main-page .sheet__content{overflow-y:auto;padding:0 1.5rem 2.5rem;flex-grow:1}@media (min-width: 769px){.main-page .sheet__content{padding-top:2rem}}.main-page .sheet__footer{display:none}@media (min-width: 769px){.main-page .sheet__footer{display:block;padding:1.25rem 1.5rem 1.5rem;background-color:var(--white-fg);border-top:1px solid var(--gray-bg-secondary);flex-shrink:0;box-shadow:0 -4px 16px #00000008}}.main-page .sheet__header{margin-bottom:1.5rem;text-align:left}.main-page .sheet__header .title{font-size:1.6rem;line-height:1.85rem;font-weight:700;color:var(--black-fg);margin-bottom:.25rem}.main-page .sheet__header .subtitle{font-size:.9375rem;line-height:1.3rem;font-weight:400;color:var(--gray-fg)}.main-page .sheet .sheet-tabs{display:flex;background-color:var(--gray-bg-primary);border-radius:1.25rem;padding:.35rem;margin-bottom:1.5rem;gap:.25rem}.main-page .sheet .sheet-tabs .sheet-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:none;background:transparent;border-radius:.75rem;cursor:pointer;color:var(--gray-bg-btn-accent);font-size:.8125rem;line-height:1.2rem;font-weight:600;transition:all .2s ease}@media (max-width: 768px){.main-page .sheet .sheet-tabs .sheet-tab{gap:.25rem;padding:.6rem .5rem}}.main-page .sheet .sheet-tabs .sheet-tab:hover{color:var(--black-fg)}.main-page .sheet .sheet-tabs .sheet-tab.active{background-color:var(--blue-bg-subdued);color:var(--blue-fg);box-shadow:none}.main-page .sheet .sheet-tabs .sheet-tab.active:hover{background-color:#0088ff2e}.main-page .sheet .sheet-tabs .sheet-tab svg{flex-shrink:0}.main-page .sheet .check-status-form{display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .3s ease}.main-page .sheet .status-result-card{margin-top:.5rem;background-color:var(--white-fg);border:1px solid var(--gray-bg-secondary);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 16px #00000005;animation:fadeIn .4s ease}@media (min-width: 769px){.main-page .sheet .status-result-card{margin-top:.35rem}}.main-page .sheet .status-result-card .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;border-bottom:1px solid var(--gray-bg-primary);padding-bottom:.85rem}.main-page .sheet .status-result-card .result-header .result-title{font-size:.8125rem;line-height:1.2rem;font-weight:700;color:var(--gray-bg-btn-accent);text-transform:uppercase}.main-page .sheet .status-result-card .result-header .status-badge{padding:.35rem .8rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:700;text-transform:uppercase}.main-page .sheet .status-result-card .result-header .status-badge--new{background-color:var(--blue-bg-subdued);color:var(--blue-fg)}.main-page .sheet .status-result-card .result-header .status-badge--in_review{background-color:#ff950026;color:var(--yellow-secondary)}.main-page .sheet .status-result-card .result-header .status-badge--approved{background-color:#33c25726;color:var(--green-fg-accent)}.main-page .sheet .status-result-card .result-header .status-badge--rejected{background-color:#ff383c1f;color:var(--red-fg)}.main-page .sheet .status-result-card .result-body{display:flex;flex-direction:column;gap:1rem}.main-page .sheet .status-result-card .result-body .result-item{display:flex;align-items:flex-start;gap:.85rem}.main-page .sheet .status-result-card .result-body .result-item .item-icon{color:var(--gray-fg);margin-top:.15rem;flex-shrink:0}.main-page .sheet .status-result-card .result-body .result-item .item-content{display:flex;flex-direction:column;gap:.15rem}.main-page .sheet .status-result-card .result-body .result-item .item-content .item-label{font-size:.6875rem;line-height:1.05rem;font-weight:400;color:var(--gray-fg)}.main-page .sheet .status-result-card .result-body .result-item .item-content .item-value{font-size:1.125rem;line-height:1.35rem;font-weight:500;color:var(--black-fg);word-break:break-word}.main-page .form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.37rem}.main-page .form-group .label{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent);margin-left:.75rem}.main-page .form-group .input-wrapper{position:relative;width:100%}.main-page .form-group .input-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-fg)}.main-page .form-group .input-wrapper input,.main-page .form-group .input-wrapper select,.main-page .form-group .input-wrapper textarea{width:100%;padding:1rem 1rem 1rem 2.75rem;background-color:var(--gray-bg-secondary);border-radius:1.625rem;color:var(--black-fg);font-size:1.06rem;border:2px solid transparent;transition:border-color .2s,background-color .2s}.main-page .form-group .input-wrapper input:focus,.main-page .form-group .input-wrapper select:focus,.main-page .form-group .input-wrapper textarea:focus{border-color:var(--blue-fg);background-color:var(--white-fg)}.main-page .form-group .input-wrapper input::placeholder,.main-page .form-group .input-wrapper select::placeholder,.main-page .form-group .input-wrapper textarea::placeholder{color:var(--gray-fg)}.main-page .form-group .input-wrapper input.is-invalid,.main-page .form-group .input-wrapper select.is-invalid,.main-page .form-group .input-wrapper textarea.is-invalid{border-color:var(--red-fg);background-color:#ff383c0d}.main-page .form-group .input-wrapper input.is-invalid:focus,.main-page .form-group .input-wrapper select.is-invalid:focus,.main-page .form-group .input-wrapper textarea.is-invalid:focus{border-color:var(--red-fg);background-color:var(--white-fg)}.main-page .form-group .input-wrapper textarea{padding-top:1rem;resize:none;height:80px}.main-page .form-group .error-msg{font-size:.8125rem;line-height:1.2rem;font-weight:400;color:var(--red-fg);margin-left:.75rem;margin-top:.15rem}.main-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.main-page .form-row{grid-template-columns:1fr;gap:0}}.main-page .region-input-combined{display:flex;align-items:center;background-color:var(--gray-bg-secondary);border-radius:1.625rem;padding:0 1rem;height:54px;border:2px solid transparent;transition:border-color .2s,background-color .2s;position:relative}.main-page .region-input-combined.is-invalid{border-color:var(--red-fg);background-color:#ff383c0d}.main-page .region-input-combined:focus-within{border-color:var(--blue-fg);background-color:var(--white-fg)}.main-page .region-input-combined:focus-within.is-invalid{border-color:var(--red-fg)}.main-page .region-input-combined .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-fg);pointer-events:none}.main-page .region-input-combined .region-code-badge{margin-left:1.35rem;font-size:1.06rem;font-weight:700;color:var(--black-fg);min-width:24px;text-align:center;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.main-page .region-input-combined .divider-line{width:1px;align-self:stretch;background-color:var(--gray-fg);margin:1px 9px;opacity:.4}.main-page .region-input-combined .region-select{flex:1;border:none!important;background:transparent!important;padding:0!important;margin:0!important;color:var(--black-fg);font-size:1.06rem;height:100%;cursor:pointer;outline:none}.main-page .region-input-combined .region-select option{background-color:var(--white-fg);color:var(--black-fg)}.main-page .orpon-section{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.main-page .orpon-section .label{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent);margin-left:.75rem;margin-bottom:.25rem}.main-page .orpon-section__list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.main-page .orpon-section__item{animation:slideDown .2s ease;position:relative;width:100%}.main-page .orpon-section__item .remove-orpon-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-bg-btn-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:50%;transition:all .2s ease;z-index:2}.main-page .orpon-section__item .remove-orpon-btn:hover{color:var(--red-fg);background-color:var(--gray-bg-primary)}.main-page .orpon-section__add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--gray-bg-primary);color:var(--gray-bg-btn-accent);border:1px dashed var(--gray-bg-handle);border-radius:1.25rem;padding:.75rem;cursor:pointer;font-size:.8125rem;line-height:1.2rem;font-weight:600;transition:all .2s ease}.main-page .orpon-section__add-btn:hover{background-color:var(--gray-bg-secondary);color:var(--black-fg)}.main-page .cameras-section{margin-top:2rem;margin-bottom:2rem;border:2px solid transparent;border-radius:1.625rem;transition:border-color .25s ease}.main-page .cameras-section--invalid{border-color:var(--red-fg);padding:.75rem;background-color:#ff383c08}.main-page .cameras-section__title{font-size:1.35rem;line-height:1.6rem;font-weight:700;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.main-page .cameras-section__title .count{font-size:.8125rem;line-height:1.2rem;font-weight:600;background-color:var(--gray-bg-primary);padding:.2rem .6rem;border-radius:100px;color:var(--gray-bg-btn-accent)}.main-page .cameras-section__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.main-page .cameras-section__item{background-color:var(--gray-bg-primary);border-radius:1.625rem;padding:1rem;position:relative;animation:slideDown .2s ease}.main-page .cameras-section__item .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.main-page .cameras-section__item .item-header .title{font-size:.8125rem;line-height:1.2rem;font-weight:700;color:var(--gray-bg-btn-accent);text-transform:uppercase;margin-left:.5rem}.main-page .cameras-section__item .item-header .remove-btn{color:var(--red-fg);padding:.25rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.main-page .cameras-section__item .item-header .remove-btn:hover{background-color:#ff383c1a}.main-page .cameras-section__item .item-fields{display:flex;flex-direction:column;gap:.75rem}.main-page .cameras-section__item .item-fields .camera-input-wrapper{position:relative}.main-page .cameras-section__item .item-fields .camera-input-wrapper .camera-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-fg)}.main-page .cameras-section__item .item-fields .camera-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--white-fg);border-radius:1.25rem;font-size:1.125rem;line-height:1.35rem;font-weight:400;font-size:.95rem;border:2px solid transparent}.main-page .cameras-section__item .item-fields .camera-input-wrapper input:focus{border-color:var(--blue-fg)}.main-page .cameras-section__item .item-fields .camera-input-wrapper input.is-invalid{border-color:var(--red-fg);background-color:#ff383c0d}.main-page .cameras-section__item .item-fields .camera-input-wrapper input.is-invalid:focus{border-color:var(--red-fg)}.main-page .cameras-section__item .item-fields .camera-check-action{display:flex;justify-content:flex-end;margin-top:.25rem;animation:fadeIn .2s ease}.main-page .cameras-section__item .item-fields .camera-check-action .check-status{font-size:.9375rem;line-height:1.3rem;font-weight:400;font-weight:600;padding:.5rem 1rem;border-radius:100px;display:inline-flex;align-items:center;gap:.375rem}.main-page .cameras-section__item .item-fields .camera-check-action .check-status svg{flex-shrink:0}.main-page .cameras-section__item .item-fields .camera-check-action .check-status.loading{color:var(--gray-bg-btn-accent);background-color:var(--gray-bg-secondary)}.main-page .cameras-section__item .item-fields .camera-check-action .check-status.loading .spinner{animation:spin 1s linear infinite}.main-page .cameras-section__item .item-fields .camera-check-action .check-status.success{color:var(--green-fg-accent);background-color:var(--green-hued)}.main-page .cameras-section__item .item-fields .camera-check-action .check-status.error{color:var(--red-fg);background-color:#ff383c1a}.main-page .cameras-section__item .item-fields .camera-check-action .check-btn{font-size:.9375rem;line-height:1.3rem;font-weight:400;font-weight:600;color:var(--blue-fg);background-color:var(--blue-bg-subdued);padding:.5rem 1.25rem;border-radius:100px;transition:background-color .2s,color .2s}.main-page .cameras-section__item .item-fields .camera-check-action .check-btn:hover{background-color:var(--blue-fg);color:var(--white-fg)}.main-page .cameras-section__item .item-fields .camera-preview-container{margin-top:.75rem;width:100%;border-radius:1rem;overflow:hidden;background-color:var(--black-fg);border:1px solid var(--gray-bg-secondary);display:flex;justify-content:center;align-items:center;aspect-ratio:16/9;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@media (min-width: 769px){.main-page .cameras-section__item .item-fields .camera-preview-container{display:none}}.main-page .cameras-section__item .item-fields .camera-preview-container .camera-preview-image{width:100%;height:100%;object-fit:cover}.main-page .cameras-section__item .item-fields .camera-extra-controls{background-color:var(--white-fg);border-radius:1.25rem;padding:1rem;display:flex;flex-direction:column;gap:.6rem;border:1px solid var(--gray-bg-secondary);margin-top:.25rem}.main-page .cameras-section__item .item-fields .camera-extra-controls .control-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.main-page .cameras-section__item .item-fields .camera-extra-controls .control-row.slider-container{margin-top:.4rem}.main-page .cameras-section__item .item-fields .camera-extra-controls .control-label{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent)}.main-page .cameras-section__item .item-fields .camera-extra-controls .focus-map-btn{background-color:var(--blue-bg-subdued);color:var(--blue-fg);border:none;padding:.35rem .75rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .2s ease}.main-page .cameras-section__item .item-fields .camera-extra-controls .focus-map-btn:hover{background-color:var(--blue-fg);color:var(--white-fg)}.main-page .cameras-section__item .item-fields .camera-extra-controls .camera-coords-info{display:flex;gap:1rem;font-size:.6875rem;line-height:1.05rem;font-weight:400;color:var(--gray-fg);font-family:monospace}.main-page .cameras-section__item .item-fields .camera-extra-controls .angle-slider-wrapper{display:flex;align-items:center;gap:.75rem;background-color:var(--gray-bg-secondary);border-radius:1rem;padding:.4rem .8rem}.main-page .cameras-section__item .item-fields .camera-extra-controls .angle-slider-wrapper .slider-icon{color:var(--gray-fg);flex-shrink:0}.main-page .cameras-section__item .item-fields .camera-extra-controls .angle-slider-wrapper .angle-slider{flex-grow:1;cursor:pointer;height:4px;border-radius:2px;background-color:var(--gray-bg-handle);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.main-page .cameras-section__item .item-fields .camera-extra-controls .angle-slider-wrapper .angle-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background-color:var(--blue-fg);cursor:pointer;transition:transform .1s}.main-page .cameras-section__item .item-fields .camera-extra-controls .angle-slider-wrapper .angle-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.main-page .cameras-section__add-btn{width:100%;padding:1rem;border-radius:1.625rem;background-color:var(--blue-bg-subdued);color:var(--blue-fg);display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.35rem;font-weight:600}.main-page .cameras-section__add-btn:hover{background-color:#0088ff3d}.main-page .submit-btn{width:100%;padding:1.125rem;border-radius:100px;background-color:var(--blue-fg);color:var(--white-fg);font-size:1.125rem;line-height:1.35rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 4px 16px #0088ff4d}.main-page .submit-btn:hover{opacity:.95}.main-page .submit-btn:disabled{background-color:var(--gray-fg);box-shadow:none;cursor:not-allowed;opacity:.6}.main-page .submit-btn.mobile-only-btn{display:flex}@media (min-width: 769px){.main-page .submit-btn.mobile-only-btn{display:none}}.main-page .success-panel{display:flex;flex-direction:column;padding:1.5rem .5rem;animation:fadeIn .3s ease}.main-page .success-panel__header{text-align:center;margin-bottom:2rem}.main-page .success-panel__icon-wrapper{width:72px;height:72px;border-radius:50%;background-color:var(--green-hued);color:var(--green-fg-accent);display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem}.main-page .success-panel__icon-wrapper .success-icon{color:var(--green-fg-accent)}.main-page .success-panel__title{font-size:1.6rem;line-height:1.85rem;font-weight:700;color:var(--black-fg);margin-bottom:1rem}.main-page .success-panel__desc{font-size:1.125rem;line-height:1.35rem;font-weight:400;color:var(--gray-bg-btn-accent);line-height:1.5rem}.main-page .success-panel__details{background-color:var(--gray-bg-primary);border:1px solid var(--gray-bg-secondary);border-radius:1.625rem;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem}.main-page .success-panel__details-title{font-size:1.125rem;line-height:1.35rem;font-weight:700;color:var(--black-fg);margin:0;border-bottom:1px solid var(--gray-bg-secondary);padding-bottom:.75rem}.main-page .success-panel .success-detail-item{display:flex;flex-direction:column;gap:.35rem}.main-page .success-panel .success-detail-item__label{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent)}.main-page .success-panel .success-detail-item__value-box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:var(--white-fg);border:1px solid var(--gray-bg-secondary);border-radius:1rem;padding:.5rem .75rem}.main-page .success-panel .success-detail-item__value-box .value{font-size:.8125rem;line-height:1.2rem;font-weight:500;color:var(--black-fg);word-break:break-all;text-align:left;flex-grow:1}.main-page .success-panel .success-detail-item__value-box .value.code{font-family:monospace;font-size:.85rem;font-weight:700}.main-page .success-panel .success-detail-item__value-box .copy-btn{color:var(--blue-fg);padding:.4rem;border-radius:.5rem;background-color:var(--gray-bg-primary);border:1px solid var(--gray-bg-secondary);display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.main-page .success-panel .success-detail-item__value-box .copy-btn:hover{background-color:var(--gray-bg-secondary)}.main-page .success-panel .success-detail-item__value-box .copy-btn:active{transform:scale(.95)}.main-page .success-panel__copy-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--blue-fg);color:var(--white-fg);border:none;border-radius:100px;padding:.85rem;cursor:pointer;font-size:.8125rem;line-height:1.2rem;font-weight:600;margin-top:.5rem;transition:all .2s ease}.main-page .success-panel__copy-all-btn:hover{background-color:#0077e6}.main-page .success-panel__copy-all-btn:active{transform:scale(.98)}.main-page .success-panel__close-btn{width:100%;padding:1rem;background-color:var(--blue-bg-subdued);color:var(--blue-fg);border-radius:1.625rem;border:none;font-size:1.125rem;line-height:1.35rem;font-weight:600;cursor:pointer;transition:all .2s ease}.main-page .success-panel__close-btn:hover{background-color:#0088ff3d}.main-page .success-panel__close-btn:active{transform:scale(.98)}.main-page .desktop-cameras-preview-panel{display:none}@media (min-width: 769px){.main-page .desktop-cameras-preview-panel{display:flex;flex-direction:column;gap:1.25rem;position:absolute;left:calc(2rem + 480px);top:2rem;bottom:2rem;width:360px;z-index:9;overflow-y:auto;padding:.5rem 1rem;pointer-events:auto}.main-page .desktop-cameras-preview-panel::-webkit-scrollbar{width:6px}.main-page .desktop-cameras-preview-panel::-webkit-scrollbar-thumb{background-color:var(--gray-bg-handle);border-radius:3px}}.main-page .desktop-camera-preview-card{background-color:var(--white-fg);border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid var(--gray-bg-secondary);overflow:hidden;animation:slideOutRight .4s cubic-bezier(.16,1,.3,1);flex-shrink:0}.main-page .desktop-camera-preview-card .card-header{padding:.875rem 1.25rem;background-color:var(--gray-bg-accent);border-bottom:1px solid var(--gray-bg-secondary);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.main-page .desktop-camera-preview-card .card-header__left{display:flex;align-items:center;gap:.5rem;min-width:0}.main-page .desktop-camera-preview-card .card-header__left .camera-title{font-size:.9375rem;line-height:1.3rem;font-weight:400;font-weight:700;color:var(--black-fg);white-space:nowrap}.main-page .desktop-camera-preview-card .card-header__left .camera-id{font-size:.6875rem;line-height:1.05rem;font-weight:400;color:var(--gray-bg-btn-accent);background-color:var(--blue-bg-subdued);padding:.25rem .625rem;border-radius:100px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-page .desktop-camera-preview-card .card-header .close-preview-btn{background:transparent;border:none;color:var(--gray-bg-btn-accent);padding:.25rem;border-radius:.375rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.main-page .desktop-camera-preview-card .card-header .close-preview-btn:hover{color:var(--red-fg);background-color:#ff383c14}.main-page .desktop-camera-preview-card .card-body{width:100%;aspect-ratio:16/9;background-color:var(--black-fg);display:flex;justify-content:center;align-items:center}.main-page .desktop-camera-preview-card .card-body .desktop-camera-preview-image{width:100%;height:100%;object-fit:cover}.main-page .camera-map-marker{background-color:var(--blue-fg);border:2px solid var(--white-fg);border-radius:50%;color:var(--white-fg);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #08f6;transition:transform .2s}.main-page .camera-map-marker:hover{transform:scale(1.1);z-index:999!important}.main-page .camera-map-marker .camera-marker-cone{position:absolute;bottom:50%;left:50%;width:140px;height:140px;transform-origin:bottom center;background:linear-gradient(to top,#08f9,#0088ff26,#08f0);clip-path:polygon(50% 100%,10% 0,90% 0);pointer-events:none;z-index:-1;border-radius:0 0 100px 100px}.main-page .camera-map-marker .camera-marker-body{display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-user-select:none;user-select:none}.main-page .camera-map-marker .camera-marker-body .camera-svg{color:var(--white-fg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.main-page .camera-map-marker .camera-marker-badge{position:absolute;top:-6px;right:-6px;background-color:var(--red-fg);color:var(--white-fg);font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;border:1px solid var(--white-fg);box-shadow:0 2px 4px #0003;line-height:1;min-width:16px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-page{width:100%;height:100%;background-color:var(--gray-bg-primary);display:flex;flex-direction:column;position:relative;overflow:hidden}.admin-page .login-screen{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:1.5rem;background-color:var(--black-fg)}.admin-page .login-screen__card{background-color:var(--white-fg);border-radius:2rem;padding:3rem 2rem;width:100%;max-width:400px;box-shadow:0 12px 36px #0000004d;text-align:center}.admin-page .login-screen__card .form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.37rem}.admin-page .login-screen__card .form-group .label{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent);margin-left:.75rem}.admin-page .login-screen__card .form-group .input-wrapper{position:relative;width:100%}.admin-page .login-screen__card .form-group .input-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-fg);pointer-events:none;z-index:2}.admin-page .login-screen__card .form-group .input-wrapper input{width:100%;padding:1rem 1rem 1rem 2.75rem;background-color:var(--gray-bg-secondary);border-radius:1.625rem;color:var(--black-fg);font-size:1.06rem;border:2px solid transparent;transition:border-color .2s,background-color .2s;outline:none}.admin-page .login-screen__card .form-group .input-wrapper input:focus{border-color:var(--blue-fg);background-color:var(--white-fg)}.admin-page .login-screen__card .form-group .input-wrapper input::placeholder{color:var(--gray-fg)}.admin-page .login-screen__icon{width:60px;height:60px;border-radius:1.25rem;background-color:var(--gray-bg-primary);color:var(--black-fg);display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem}.admin-page .login-screen__title{font-size:1.6rem;line-height:1.85rem;font-weight:700;color:var(--black-fg);margin-bottom:.5rem}.admin-page .login-screen__desc{font-size:.9375rem;line-height:1.3rem;font-weight:400;color:var(--gray-fg);margin-bottom:2rem}.admin-page .login-screen__submit-btn{width:100%;padding:1rem;border-radius:100px;background-color:var(--blue-fg);color:var(--white-fg);font-size:1.125rem;line-height:1.35rem;font-weight:600;margin-top:1rem;box-shadow:0 4px 12px #0088ff40}.admin-page .login-screen__back-btn{margin-top:1.5rem;color:var(--gray-bg-btn-accent);font-size:.8125rem;line-height:1.2rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.admin-page .login-screen__back-btn:hover{color:var(--black-fg)}.admin-page .dashboard{display:flex;flex-direction:column;height:100%;width:100%}.admin-page .dashboard__header{background-color:var(--white-fg);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-bg-secondary);flex-shrink:0}.admin-page .dashboard__header .brand{display:flex;align-items:center;gap:.5rem}.admin-page .dashboard__header .brand .logo{font-size:1.5rem}.admin-page .dashboard__header .brand .title{font-size:1.35rem;line-height:1.6rem;font-weight:700;color:var(--black-fg)}.admin-page .dashboard__header .actions{display:flex;gap:.75rem}.admin-page .dashboard__header .actions .btn-form{padding:.6rem 1.2rem;background-color:var(--gray-bg-secondary);color:var(--black-fg);border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.admin-page .dashboard__header .actions .btn-logout{padding:.6rem 1.2rem;background-color:var(--red-fg);color:var(--white-fg);border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600}.admin-page .dashboard__body{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-page .dashboard .filters-section{background-color:var(--white-fg);border-radius:1.5rem;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.admin-page .dashboard .filters-section .status-tabs{display:flex;background-color:var(--gray-bg-primary);padding:.25rem;border-radius:100px;gap:.25rem}.admin-page .dashboard .filters-section .status-tabs .tab{padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent)}.admin-page .dashboard .filters-section .status-tabs .tab--active{background-color:var(--white-fg);color:var(--black-fg);box-shadow:0 2px 6px #00000014}.admin-page .dashboard .filters-section .stats-summary{font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-bg-btn-accent);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.admin-page .dashboard .filters-section .stats-summary .limit-selector{display:flex;align-items:center;gap:.5rem}.admin-page .dashboard .filters-section .stats-summary .limit-selector span{font-size:.8125rem;line-height:1.2rem;font-weight:500;color:var(--gray-fg)}.admin-page .dashboard .filters-section .stats-summary .limit-selector select{padding:.35rem 1.5rem .35rem .75rem;border-radius:100px;border:1px solid var(--gray-bg-secondary);background-color:var(--gray-bg-primary);color:var(--black-fg);font-weight:600;font-size:.75rem;cursor:pointer;outline:none;transition:border-color .2s,background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.admin-page .dashboard .filters-section .stats-summary .limit-selector select:hover{background-color:var(--gray-bg-secondary);border-color:var(--gray-bg-btn-accent)}.admin-page .dashboard .filters-section .stats-summary .limit-selector select:focus{border-color:var(--blue-fg);background-color:var(--white-fg)}.admin-page .dashboard .apps-container{display:flex;flex-direction:column;gap:1rem}.admin-page .dashboard .admin-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--gray-bg-secondary)}.admin-page .dashboard .admin-pagination .pagination-btn{padding:.5rem 1rem;background-color:var(--white-fg);color:var(--black-fg);border:1px solid var(--gray-bg-secondary);border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.admin-page .dashboard .admin-pagination .pagination-btn:hover:not(:disabled){background-color:var(--gray-bg-secondary);border-color:var(--gray-bg-btn-accent)}.admin-page .dashboard .admin-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--gray-bg-primary)}.admin-page .dashboard .admin-pagination .pagination-pages{display:flex;align-items:center;gap:.35rem}.admin-page .dashboard .admin-pagination .pagination-pages .page-num-btn{width:2.25rem;height:2.25rem;display:flex;justify-content:center;align-items:center;background-color:var(--white-fg);color:var(--gray-bg-btn-accent);border:1px solid var(--gray-bg-secondary);border-radius:50%;font-size:.8125rem;line-height:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-page .dashboard .admin-pagination .pagination-pages .page-num-btn:hover{background-color:var(--gray-bg-primary);color:var(--black-fg)}.admin-page .dashboard .admin-pagination .pagination-pages .page-num-btn.active{background-color:var(--blue-fg);color:var(--white-fg);border-color:var(--blue-fg);box-shadow:0 4px 10px #0088ff40}.admin-page .dashboard .no-apps{background-color:var(--white-fg);border-radius:1.5rem;padding:4rem 2rem;text-align:center;color:var(--gray-fg)}.admin-page .dashboard .no-apps__icon{font-size:3rem;margin-bottom:1rem}.admin-page .dashboard .no-apps__title{font-size:1.35rem;line-height:1.6rem;font-weight:700;color:var(--black-fg);margin-bottom:.25rem}.admin-page .dashboard .app-card{background-color:var(--white-fg);border-radius:1.5rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-page .dashboard .app-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.admin-page .dashboard .app-card__info{display:flex;flex-direction:column;gap:.25rem;text-align:left;flex-grow:1}.admin-page .dashboard .app-card__info .meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;line-height:1.2rem;font-weight:600;color:var(--gray-fg)}.admin-page .dashboard .app-card__info .name{font-size:1.2rem;line-height:1.35rem;font-weight:600;color:var(--black-fg)}.admin-page .dashboard .app-card__info .address{font-size:1.125rem;line-height:1.35rem;font-weight:400;color:var(--gray-bg-btn-accent)}.admin-page .dashboard .app-card__info .contact-row{display:flex;gap:1rem;font-size:.8125rem;line-height:1.2rem;font-weight:400;color:var(--gray-fg);margin-top:.25rem;flex-wrap:wrap}.admin-page .dashboard .app-card__status-column{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.admin-page .dashboard .app-card__status-column .cameras-badge{display:inline-flex;align-items:center;gap:.25rem;background-color:var(--gray-bg-primary);padding:.25rem .6rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:700;color:var(--gray-bg-btn-accent)}.admin-page .badge{padding:.35rem .8rem;border-radius:100px;font-size:.8125rem;line-height:1.2rem;font-weight:700;text-transform:uppercase;display:inline-block}.admin-page .badge--new{background-color:var(--blue-bg-subdued);color:var(--blue-fg)}.admin-page .badge--in_review{background-color:#ff950026;color:var(--yellow-secondary)}.admin-page .badge--approved{background-color:#33c25726;color:var(--green-fg-accent)}.admin-page .badge--rejected{background-color:#ff383c1f;color:var(--red-fg)}.admin-page .admin-sheet{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:460px;background-color:var(--white-fg);z-index:100;box-shadow:-8px 0 24px #00000026;display:flex;flex-direction:column;animation:slideLeft .3s cubic-bezier(.16,1,.3,1)}.admin-page .admin-sheet__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-bg-secondary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.admin-page .admin-sheet__header .title{font-size:1.35rem;line-height:1.6rem;font-weight:700;color:var(--black-fg)}.admin-page .admin-sheet__header .close-btn{width:32px;height:32px;border-radius:50%;background-color:var(--gray-bg-primary);display:flex;justify-content:center;align-items:center;color:var(--gray-bg-btn-accent)}.admin-page .admin-sheet__content{padding:1.5rem;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.admin-page .admin-sheet .section-card{background-color:var(--gray-bg-primary);border-radius:1.5rem;padding:1.25rem}.admin-page .admin-sheet .section-card__title{font-size:.8125rem;line-height:1.2rem;font-weight:700;color:var(--gray-bg-btn-accent);text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.35rem}.admin-page .admin-sheet .section-card .info-row{margin-bottom:.75rem;display:flex;flex-direction:column}.admin-page .admin-sheet .section-card .info-row:last-child{margin-bottom:0}.admin-page .admin-sheet .section-card .info-row .label{font-size:.8125rem;line-height:1.2rem;font-weight:400;color:var(--gray-fg)}.admin-page .admin-sheet .section-card .info-row .value{font-size:1.125rem;line-height:1.35rem;font-weight:600;color:var(--black-fg);word-break:break-all}.admin-page .admin-sheet .section-card .info-row--copyable{cursor:pointer;transition:background-color .2s,transform .1s;position:relative;padding-right:2.25rem;border-radius:.5rem;margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem}.admin-page .admin-sheet .section-card .info-row--copyable:hover{background-color:var(--gray-bg-secondary)}.admin-page .admin-sheet .section-card .info-row--copyable:hover .copy-icon-hover{opacity:1;color:var(--blue-fg)}.admin-page .admin-sheet .section-card .info-row--copyable:active{transform:scale(.995)}.admin-page .admin-sheet .section-card .info-row--copyable .copy-icon-hover{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--gray-bg-btn-accent);opacity:.4;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center}.admin-page .admin-sheet .status-updater{display:flex;flex-direction:column;gap:.5rem}.admin-page .admin-sheet .status-updater .custom-dropdown-container{position:relative;width:100%}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger{width:100%;padding:.85rem 1.25rem;background-color:var(--white-fg);border:1px solid var(--gray-bg-secondary);border-radius:1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger:hover{background-color:var(--gray-bg-primary)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger .trigger-left{display:flex;align-items:center;gap:.85rem}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger .trigger-left .status-icon-wrapper{display:flex;align-items:center;justify-content:center}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger .trigger-left .trigger-label{font-size:1.125rem;line-height:1.35rem;font-weight:600;color:var(--black-fg)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger .arrow-icon{color:var(--gray-bg-btn-accent);transition:transform .2s ease}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-trigger .arrow-icon.open{transform:rotate(180deg)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--white-fg);border:1px solid var(--gray-bg-secondary);border-radius:1.25rem;box-shadow:0 8px 24px #0000001f;z-index:10;overflow:hidden;animation:slideDown .2s ease}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-item{width:100%;padding:.85rem 1.25rem;background:none;border:none;display:flex;align-items:center;gap:.85rem;cursor:pointer;text-align:left;transition:all .2s ease}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-item span{font-size:1.125rem;line-height:1.35rem;font-weight:500;color:var(--black-fg)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-item:hover{background-color:var(--gray-bg-primary)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-item.active{background-color:var(--blue-bg-subdued)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-item.active span{font-weight:600;color:var(--blue-fg)}.admin-page .admin-sheet .status-updater .custom-dropdown-container .custom-dropdown-menu .dropdown-divider{height:1px;background-color:var(--gray-bg-secondary);margin:0 3px}.admin-page .admin-sheet .admin-cameras{display:flex;flex-direction:column;gap:.75rem}.admin-page .admin-sheet .admin-cameras .camera-tile{background-color:var(--white-fg);padding:.85rem;border-radius:1rem;border:1px solid var(--gray-bg-secondary)}.admin-page .admin-sheet .admin-cameras .camera-tile .cam-id{font-size:.8125rem;line-height:1.2rem;font-weight:700;color:var(--gray-bg-btn-accent);text-transform:uppercase;margin-bottom:.25rem}.admin-page .admin-sheet .admin-cameras .camera-tile .cam-url{font-family:monospace;font-size:.85rem;color:var(--blue-fg);word-break:break-all}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}:root{--blue-fg: #0088FF;--blue-bg-subdued: rgba(0, 136, 255, .16);--blue-secondary: #4050B5;--green-fg-accent: #33C257;--green-forest: #4CAF50;--green-hued: rgba(76, 175, 80, .24);--red-fg: #FF383C;--red-fg-accent: #DC0000;--red-secondary: #E91E63;--orange-secondary: #FF5722;--yellow-secondary: #FF9500;--black-fg: #000000;--white-fg: #FFFFFF;--white-bg: rgba(255, 255, 255, .72);--bg-subdued: rgba(0, 0, 0, .4);--gray-fg: #A5A5A5;--gray-bg-primary: #F1F1F1;--gray-bg-secondary: #EBEBEB;--gray-bg-tertiary: #E8E8E8;--gray-bg-btn: #E7E7E9;--gray-bg-btn-accent: #7E7E80;--gray-bg-accent: rgba(118, 118, 128, .12);--gray-bg-handle: #CFCFCF}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:var(--black-fg);color:var(--black-fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select{font-family:Inter,sans-serif;border:none;outline:none;font-size:1.125rem;line-height:1.35rem;font-weight:400}button{font-family:Inter,sans-serif;border:none;outline:none;cursor:pointer;background:none;font-size:1.125rem;line-height:1.35rem;font-weight:600;transition:opacity .2s ease,transform .1s ease}button:active{opacity:.8;transform:scale(.98)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}
