/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{color:#1c2431;font-synthesis:none;background:#f5f6fa;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{color:#e7e8f2;background:#111625;flex-direction:column;flex-shrink:0;width:246px;height:100vh;padding:28px 15px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;margin-bottom:55px;padding:0 16px;display:flex}.brand-mark{color:#fff;background:#b8006b;border-radius:10px;place-items:center;width:37px;height:37px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;display:grid;box-shadow:0 6px 22px #b8006b50}.brand strong{letter-spacing:.12em;font:800 19px/1 Manrope,sans-serif;display:block}.brand small{letter-spacing:.28em;color:#d87bad;margin-top:5px;font-size:10px;display:block}.side-label{color:#768096;letter-spacing:.18em;margin-bottom:15px;padding:0 19px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#9ca5b8;border-radius:10px;align-items:center;gap:14px;padding:12px 15px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.sidebar nav a:hover{color:#fff;background:#222a3e}.sidebar nav a.selected{color:#fff;background:#b8006b;box-shadow:0 6px 18px #b8006b34}.sidebar-bottom{margin-top:auto}.secure{color:#9ba4b6;background:#1c2234;border:1px solid #30394e;border-radius:10px;align-items:center;gap:8px;margin:0 5px 18px;padding:12px 10px;font-size:11px;display:flex}.secure svg{color:#db4a9e}.account{border-top:1px solid #2a3041;align-items:center;gap:10px;padding:18px 5px 0;display:flex}.account>div:nth-child(2){flex:1;min-width:0}.account strong,.account small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account strong{font-size:12px}.account small{color:#9399ad;letter-spacing:.08em;margin-top:4px;font-size:10px}.account button{color:#b1b7c6;background:0 0;border:0;padding:4px}.avatar{color:#fff;background:#532442;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.avatar.tiny{width:32px;height:32px}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9eaf0;justify-content:space-between;align-items:center;height:68px;padding:0 39px;display:flex}.breadcrumbs{color:#8b93a1;font-size:12px}.breadcrumbs span{color:#ccd0d7;padding:0 10px}.breadcrumbs strong{color:#363d49}.top-actions{align-items:center;gap:26px;display:flex}.top-status{color:#556272;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.top-status i{background:#31bf83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dff7ed}.content{max-width:1500px;margin:0 auto;padding:35px 38px 90px}.page-intro{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:31px;display:flex}.eyebrow{color:#b8006b;letter-spacing:.19em;font-size:10px;font-weight:800;display:block}.page-intro h1,.login-card h1{letter-spacing:-.045em;margin:8px 0 6px;font:800 31px Manrope,sans-serif}.page-intro p,.section-head p,.panel-title p{color:#8b93a1;margin:0;font-size:12px}.date-tag{color:#8b93a1;background:#fff;border:1px solid #e9e9f1;border-radius:9px;padding:9px 12px;font-size:11px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:33px;display:grid}.stat-card{background:#fff;border:1px solid #e9eaf0;border-radius:15px;flex-direction:column;min-height:152px;padding:20px 21px;display:flex;box-shadow:0 7px 30px #12213c06}.stat-card .stat-icon{color:#b8006b;background:#fce8f3;border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:15px;display:grid}.stat-card>span{color:#8f96a5;font-size:11px;font-weight:700}.stat-card strong{letter-spacing:-.055em;margin-top:2px;font:800 28px Manrope,sans-serif}.section-head{justify-content:space-between;align-items:center;gap:16px;margin:26px 0 18px;display:flex}.section-head h2,.panel-title h2{letter-spacing:-.025em;margin:0 0 5px;font:800 17px Manrope,sans-serif}.section-head.inside{border-bottom:1px solid #eff0f4;margin:0;padding:23px 24px 18px}.text-link{color:#b8006b;font-size:12px;font-weight:800}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.location-card{background:#fff;border:1px solid #e9eaf0;border-radius:15px;min-height:152px;padding:22px;transition:all .2s;position:relative}.location-card:hover{border-color:#eab1d1;transform:translateY(-2px);box-shadow:0 10px 30px #b8006b12}.location-icon{color:#b8006b;background:#fce7f2;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.location-icon.small{width:36px;height:36px}.location-card h3{margin:16px 0 4px;font:800 14px Manrope,sans-serif}.location-card span{color:#8d96a4;font-size:11px}.location-card b{color:#b8006b;position:absolute;bottom:19px;right:21px}.stack{gap:18px;display:grid}.panel{background:#fff;border:1px solid #e9eaf0;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #12213c05}.panel-title{border-bottom:1px solid #eff0f4;align-items:center;gap:13px;padding:20px 23px;display:flex}.camera-list{padding:0 23px}.camera-row{border-bottom:1px solid #f1f2f5;align-items:center;gap:13px;padding:15px 0;display:flex}.camera-row:last-child{border:0}.camera-badge,.record-icon{color:#b8006b;background:#faeef5;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.camera-row>div:nth-child(2){flex:1}.camera-row strong,.camera-row small{display:block}.camera-row strong{font-size:12px}.camera-row small{color:#9aa1ae;margin-top:4px;font-size:10px}.pill{color:#868e9c;text-transform:capitalize;background:#f1f1f4;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.pill.online{color:#218c5c;background:#eaf8f1}.count{color:#b8006b;vertical-align:middle;background:#fce8f3;border-radius:999px;padding:4px 8px;font-size:11px}.camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.camera-card{background:#fff;border:1px solid #e9eaf0;border-radius:14px;overflow:hidden}.video-frame{background:radial-gradient(circle at 50% 35%,#253247,#0e1523 70%);height:210px;position:relative}.video-frame video{object-fit:contain;width:100%;height:100%}.live-indicator{color:#fff;letter-spacing:.1em;background:#b8006b;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;top:13px;left:13px}.video-error{color:#d1d7e3;text-align:center;font-size:12px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.camera-info{justify-content:space-between;align-items:center;padding:16px;display:flex}.camera-info strong,.camera-info small{display:block}.camera-info strong{font-size:12px}.camera-info small{margin-top:5px;font-size:10px}.green{color:#2ba674}.muted{color:#8993a2}.icon-button{color:#b8006b;background:#fff;border:1px solid #e8e9ef;border-radius:8px;place-items:center;min-width:33px;height:33px;display:grid}.icon-button:hover{background:#fce8f3}.records{padding:0 24px}.record-row{border-bottom:1px solid #f1f2f5;align-items:center;gap:12px;padding:14px 0;display:flex}.record-row:last-child{border:0}.record-meta{flex:1;min-width:0}.record-meta strong,.record-meta small{display:block}.record-meta strong{font-size:12px}.record-meta small{color:#9ba3af;margin-top:4px;font-size:10px}.filters{flex-wrap:wrap;align-items:center;gap:9px;padding:20px 24px 12px;display:flex}.filters select,.filters input,.form-grid input,.form-grid select,.login-card input,.access-camera select{color:#344052;background:#fff;border:1px solid #e1e4eb;border-radius:8px;outline:none;min-width:0;padding:10px 11px}.filters select:focus,.filters input:focus,.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:#b8006b;box-shadow:0 0 0 3px #b8006b14}.filters select{min-width:210px}.primary,.secondary{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#b8006b;box-shadow:0 6px 18px #b8006b25}.primary:hover{background:#9e005d}.primary:disabled{opacity:.5;cursor:not-allowed}.primary.compact{padding:10px 13px}.secondary{color:#515a6a;background:#fff;border-color:#e1e4eb}.secondary.mini{padding:7px 10px}.two-columns{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;display:grid}.user-list{padding:8px 12px 12px}.user-row{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 12px;display:flex}.user-row:hover,.user-row.active{background:#fcebf5}.user-row span{flex:1}.user-row strong,.user-row small{display:block}.user-row strong{font-size:12px}.user-row small{color:#8f98a7;margin-top:3px;font-size:10px}.user-row b{color:#b8006b}.form-grid{gap:14px;padding:21px 24px;display:grid}.form-grid label,.login-card label{color:#556070;gap:7px;font-size:11px;font-weight:800;display:grid}.form-grid .primary{justify-self:start}.editor .section-head h2{margin:8px 0}.editor-body{gap:16px;padding:20px 24px;display:grid}.access-location{border:1px solid #e7e8ef;border-radius:12px;overflow:hidden}.access-location-head{background:#f9f7fa;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.access-location-head>div:first-child{align-items:center;gap:9px;display:flex}.access-location-head svg{color:#b8006b}.access-location-head strong{font-size:12px}.access-tools{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.access-tools button{color:#b8006b;background:0 0;border:0;font-size:10px;font-weight:800}.inline-check{color:#455066;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.access-actions{background:#fff;border-bottom:1px solid #eff0f3;grid-template-columns:minmax(140px,1.4fr) repeat(5,minmax(80px,1fr));align-items:center;padding:11px 16px;display:grid}.access-actions>span{color:#9299a7;font-size:10px;font-weight:800}.access-actions label{color:#717c8b;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.access-camera{border-bottom:1px solid #eff0f3;grid-template-columns:minmax(140px,1.4fr) repeat(5,minmax(80px,1fr));align-items:center;min-height:52px;padding:11px 16px;display:grid}.access-camera:last-child{border:0}.access-camera-name{align-items:center;gap:7px;min-width:0;display:flex}.access-camera-name svg{color:#a5acb8;flex-shrink:0}.access-camera-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.access-camera select{max-width:95px;margin-left:auto;padding:4px;font-size:9px}.access-checkboxes{display:contents}.access-checkboxes label{color:#6e7785;align-items:center;gap:5px;font-size:10px;display:flex}.access-actions input,.access-camera input,.inline-check input,.record-row input{accent-color:#b8006b;cursor:pointer;width:15px;height:15px}.notice,.error{color:#217853;background:#eaf8f1;border-radius:8px;margin:12px 24px;padding:10px 13px;font-size:11px}.error{color:#b82842;background:#fff1f1}.notice span{float:right;cursor:pointer}.empty{color:#b8006b;background:#fff;border:1px dashed #e7e6ed;border-radius:13px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:54px 20px;display:flex}.empty strong{color:#535c68;margin-top:10px;font-size:12px}.empty p{color:#9aa2ae;text-align:center;font-size:11px}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-card{place-self:center;width:100%;max-width:470px;padding:40px}.brand.large{color:#202437;margin-bottom:75px;padding:0}.brand.large small{color:#b8006b}.login-card h1{margin:15px 0;font-size:35px;line-height:1.25}.login-card h1 em{color:#b8006b;font-style:normal}.login-card p{color:#8691a1;margin-bottom:30px;font-size:13px;line-height:1.7}.login-card form{gap:17px;display:grid}.login-card input{height:45px}.login-card .primary{justify-content:space-between;height:45px}.login-card footer{color:#a2aab6;margin-top:65px;font-size:10px}.login-art{color:#fff;background:#121827;align-items:flex-end;padding:10%;display:flex;position:relative;overflow:hidden}.login-art:before{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:12% -30% 0 7%;transform:rotate(-25deg)}.login-art:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:27% -13% -55% 5%;transform:rotate(-25deg)}.orb{background:radial-gradient(circle at 33% 31%,#f084bd,#ba006e 43%,#5e114d 70%,#1b1525);border-radius:50%;width:440px;height:440px;position:absolute;top:17%;left:23%;box-shadow:0 0 160px #ae136568}.art-copy{z-index:1;position:relative}.art-copy span{color:#f0a8cf;letter-spacing:.22em;font-size:10px;font-weight:800}.art-copy h2{letter-spacing:-.045em;margin:13px 0;font:800 38px/1.2 Manrope,sans-serif}.art-copy p{color:#a6aebe;font-size:12px}.boot{color:#fff;letter-spacing:.15em;background:#121827;place-items:center;min-height:100vh;font:800 24px Manrope,sans-serif;display:grid}.boot span{color:#db72aa}@media(max-width:1180px){.stats{grid-template-columns:repeat(3,1fr)}.camera-grid{grid-template-columns:repeat(2,1fr)}.access-location{overflow-x:auto}.access-actions,.access-camera{min-width:760px}.location-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.shell{display:block}.sidebar{width:100%;height:auto;padding:13px;position:static}.sidebar .brand{margin:0 0 12px}.sidebar .side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:8px 11px;font-size:11px}.topbar{height:55px;padding:0 20px}.content{padding:26px 18px 60px}.page-intro{align-items:flex-start}.date-tag{display:none}.stats{grid-template-columns:repeat(2,1fr)}.camera-grid,.location-grid,.two-columns,.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:24px}.brand.large{margin-bottom:38px}}
