:root{color:#1b2430;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.boot,.login-screen{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:28px;display:grid;gap:18px;box-shadow:0 18px 50px #1e2a3e14}.brand-row,.product{display:flex;align-items:center;gap:10px;font-weight:700}label{display:grid;gap:7px;color:#4c5665;font-weight:600}input,select{min-height:38px;border:1px solid #cbd3df;border-radius:6px;background:#fff;color:#1b2430;padding:0 10px}.primary,.secondary,.icon-button,.nav-button{border:0;cursor:pointer}.primary{min-height:40px;border-radius:6px;background:#1c5f82;color:#fff;font-weight:700;padding:0 14px}.secondary{min-height:40px;border-radius:6px;background:#e8edf3;color:#213040;font-weight:700;padding:0 14px}.danger{min-height:40px;border-radius:6px;background:#b3261e;color:#fff;font-weight:700;padding:0 14px;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#17202a;color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;align-self:start;overflow-y:auto}.product{height:40px}nav{display:grid;gap:4px}.nav-button{min-height:40px;border-radius:6px;background:transparent;color:#d8e0ea;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left;text-decoration:none}.nav-button.active,.nav-button:hover{background:#263445;color:#fff}.logout{margin-top:auto}.content{min-width:0;padding:24px 24px 0}.topbar{min-height:58px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1,h2,p{margin:0}h1{font-size:24px}h2{font-size:17px;margin-bottom:14px}.topbar p,.muted,small{color:#6b7584}.icon-button{width:36px;height:36px;border-radius:6px;background:#e8edf3;color:#213040;display:inline-grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #d8dee8;border-radius:8px}.metric{min-height:116px;padding:16px;display:grid;gap:8px}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;color:#1c5f82;background:#e3f2f8}.metric span{color:#6b7584}.metric strong{font-size:24px}.span-2{grid-column:span 2}.panel{padding:16px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#6b7584;font-size:12px;text-transform:uppercase;height:34px}td{border-top:1px solid #edf0f4;padding:10px 8px;vertical-align:middle}td strong,td small{display:block}.actions{text-align:right;white-space:nowrap}.actions button+button{margin-left:8px}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:700}.status.pending{background:#fff1cc;color:#7a5400}.status.active{background:#dff5e6;color:#166534}.status.disabled{background:#eceff3;color:#5b6572}.health{display:inline-flex;align-items:center;min-height:24px;border-radius:6px;padding:0 8px;font-size:12px;font-weight:700;white-space:nowrap}.health.online{background:#e4f7ef;color:#166534}.health.quiet{background:#fff1cc;color:#7a5400}.health.offline{background:#ffe4e6;color:#9f1239}.health.never,.health.disabled{background:#eceff3;color:#5b6572}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.screenshots-view{display:grid;gap:14px}.filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:12px;align-items:end}.filter-actions,.pager{display:flex;gap:8px;align-items:center}.result-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4c5665}.empty{color:#6b7584}.load-more-row{display:flex;justify-content:center}.shot-card{background:#fff;border:1px solid #d8dee8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.shot-preview{display:block;width:100%;height:150px;border:0;border-bottom:1px solid #d8dee8;background:#f5f8fb;color:#1c5f82;cursor:pointer;padding:0;position:relative}.shot-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shot-preview.unavailable{background:#eceff3;color:#5b6572;border-style:dashed;display:grid;place-items:center}.shot-card-info{padding:10px 12px 12px}.shot-card span,.shot-card small{display:block;margin-top:4px}.inline-form{display:flex;gap:10px;margin-bottom:16px}.inline-form input{max-width:320px}.error{border:1px solid #f3b4b4;background:#fff0f0;color:#9f1d1d;border-radius:6px;padding:10px 12px}.loading-line{height:3px;background:transparent;border-radius:99px;margin-bottom:14px}.loading-line.active{background:#1c5f82}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080d14c7;display:grid;place-items:center;padding:32px}.modal img{max-width:96vw;max-height:92vh;-o-object-fit:contain;object-fit:contain;background:#fff}.modal-close{position:fixed;top:18px;right:18px;width:40px;height:40px;border:0;border-radius:6px;display:grid;place-items:center;cursor:pointer}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.row-action{min-height:32px;min-width:88px;text-align:center;border-radius:6px;background:#e8edf3;color:#213040;font-weight:700;font-size:13px;padding:0 12px;border:0;cursor:pointer}.row-action-danger{min-height:32px;min-width:88px;text-align:center;border-radius:6px;background:#b3261e;color:#fff;font-weight:700;font-size:13px;padding:0 12px;border:0;cursor:pointer}input.invalid,select.invalid{border-color:#f3b4b4}.field-error{display:block;min-height:17px;color:#9f1d1d;font-weight:400;font-size:13px}.confirm-dialog,.add-form-dialog{width:min(420px,calc(100% - 32px));background:#fff;border-radius:8px;padding:24px;display:grid;gap:16px;box-shadow:0 18px 50px #1e2a3e14}.add-form-dialog{width:min(440px,calc(100% - 32px))}.confirm-dialog h2,.add-form-dialog h2{margin:0;font-size:17px}.confirm-dialog p{margin:0;color:#4c5665}.add-form-dialog form{display:grid;gap:14px}.edit-admin-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:#fff;border-radius:8px;padding:24px;display:grid;gap:18px;box-shadow:0 18px 50px #1e2a3e14}.edit-admin-dialog h2{margin:0;font-size:17px}.edit-admin-self-tag{display:block;color:#6b7584;font-weight:400}.edit-section{display:grid;gap:10px}.edit-section+.edit-section{border-top:1px solid #edf0f4;padding-top:18px}.edit-section h3{margin:0;font-size:13px;text-transform:uppercase;color:#6b7584}.edit-section-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.edit-dialog-footer{display:flex;justify-content:flex-end;border-top:1px solid #edf0f4;padding-top:16px}.success-note{color:#166534}.field-success{color:#166534;font-weight:700;font-size:13px}.groups-checklist{display:grid;gap:8px;max-height:168px;overflow-y:auto;border:1px solid #cbd3df;border-radius:6px;padding:10px 12px}.group-option{display:flex;align-items:center;gap:8px;font-weight:400;color:#1b2430}.group-option input[type=checkbox]{width:16px;height:16px;accent-color:#1c5f82}.groups-empty-hint{margin:0;padding:10px 12px;border:1px dashed #cbd3df;border-radius:6px;color:#6b7584;font-size:13px;font-weight:400}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:1;height:auto;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:visible}nav{display:flex}.logout{margin-top:0;margin-left:auto}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}.filter-actions,.pager,.result-bar{align-items:stretch;flex-direction:column}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background-color:transparent;padding:0;cursor:pointer}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-top-10{top:-2.5rem}.left-2{left:.5rem}.right-0{right:0}.right-2{right:.5rem}.top-1\/2{top:50%}.z-40{z-index:40}.col-span-full{grid-column:1 / -1}.mt-2{margin-top:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-video{aspect-ratio:16 / 9}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-\[75vh\]{max-height:75vh}.min-h-0{min-height:0px}.w-8{width:2rem}.w-full{width:100%}.min-w-\[720px\]{min-width:720px}.max-w-5xl{max-width:64rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-zinc-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(244 244 245 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-zinc-100{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.bg-\[\#1c5f82\]{--tw-bg-opacity: 1;background-color:rgb(28 95 130 / var(--tw-bg-opacity, 1))}.bg-\[\#dff5e6\]{--tw-bg-opacity: 1;background-color:rgb(223 245 230 / var(--tw-bg-opacity, 1))}.bg-\[\#e8edf3\]{--tw-bg-opacity: 1;background-color:rgb(232 237 243 / var(--tw-bg-opacity, 1))}.bg-\[\#eceff3\]{--tw-bg-opacity: 1;background-color:rgb(236 239 243 / var(--tw-bg-opacity, 1))}.bg-\[\#fff0f0\]{--tw-bg-opacity: 1;background-color:rgb(255 240 240 / var(--tw-bg-opacity, 1))}.bg-\[\#fff1cc\]{--tw-bg-opacity: 1;background-color:rgb(255 241 204 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/70{background-color:#000000b3}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.text-\[\#166534\]{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-\[\#213040\]{--tw-text-opacity: 1;color:rgb(33 48 64 / var(--tw-text-opacity, 1))}.text-\[\#5b6572\]{--tw-text-opacity: 1;color:rgb(91 101 114 / var(--tw-text-opacity, 1))}.text-\[\#7a5400\]{--tw-text-opacity: 1;color:rgb(122 84 0 / var(--tw-text-opacity, 1))}.text-\[\#9f1d1d\]{--tw-text-opacity: 1;color:rgb(159 29 29 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.shadow-\[0_18px_50px_rgba\(30\,42\,62\,0\.08\)\]{--tw-shadow: 0 18px 50px rgba(30,42,62,.08);--tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-\[\#184f6d\]:hover{--tw-bg-opacity: 1;background-color:rgb(24 79 109 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#dbe2ea\]:hover{--tw-bg-opacity: 1;background-color:rgb(219 226 234 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/60:hover{background-color:#0009}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:h-screen{height:100vh}.md\:overflow-hidden{overflow:hidden}.md\:pr-1{padding-right:.25rem}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}