*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c14;color:#f1eff4;font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#141521;border-right:1px solid #2c2e3d;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:.03em}.brand b{color:#f16b92}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:#a9aabb}.logo{background:linear-gradient(145deg,#ea5f8d,#9e2b55);border-radius:12px;width:43px;height:43px;display:grid;place-items:center;color:white;font-size:23px}.sidebar nav{display:grid;gap:7px;margin-top:46px}.nav{display:block;padding:12px;border-radius:10px;font-weight:600;color:#bab9c8}.nav:hover,.nav.current{background:#322333;color:#fff}.footnote{margin-top:auto;font-size:12px;color:#8c8d9d}main{padding:33px 40px 26px;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.top h1{font-size:30px;letter-spacing:-.04em;margin:7px 0}.top p,.panel-head p{margin:2px 0;color:#9d9ead}.eyebrow{letter-spacing:.13em;font-weight:800;color:#ec7b9f;font-size:11px}.head-actions{display:flex;align-items:center;gap:13px}.identity{font-weight:700;font-size:12px;color:#d9d5df}.button{border:none;border-radius:9px;background:#c3476c;color:white;font-size:12px;font-weight:700;cursor:pointer;padding:10px 14px;white-space:nowrap}.button:disabled{opacity:.4;cursor:default}.button.secondary{background:#2d3040;color:#f2ecf3;border:1px solid #424353}.button.danger{background:#602638;color:#ffb8c8;border:1px solid #96516b}.button.ok{background:#163d3b;color:#9bead2;border:1px solid #327666}.button:hover:not(:disabled){filter:brightness(1.15)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metrics article{background:#191b29;border:1px solid #303241;padding:22px;border-radius:13px}.metrics span,.metrics small{display:block;color:#aaa9b8}.metrics strong{display:block;font-size:33px;letter-spacing:-.04em;margin:5px 0}.metrics small{font-size:11px}.panel{margin:24px 0;background:#181a27;border:1px solid #303141;border-radius:14px;overflow:hidden}.panel-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #2f3140}.panel-head h2{font-size:20px;letter-spacing:-.02em;margin:5px 0}.panel-head input{min-width:220px;max-width:300px;width:100%;border:1px solid #454658;border-radius:9px;background:#252637;color:#fff;padding:10px 12px;outline-offset:2px}.scroll-table{overflow-x:auto}table{border-collapse:collapse;min-width:730px;width:100%;font-size:13px}th{text-align:left;background:#1e202f;color:#adabbc;font-size:11px;letter-spacing:.04em;font-weight:700}td,th{padding:14px 18px;border-bottom:1px solid #2e3040}tbody tr:last-child td{border:0}td small{display:block;color:#9495a5}.status{display:inline-block;padding:4px 8px;border-radius:30px;background:#323546;color:#ced1e1;font-size:11px;font-weight:700}.status.green{background:#193b36;color:#9adaca}.status.red{background:#4c2431;color:#ffa9c0}.small-note,footer{padding:0 24px 22px;font-size:12px;color:#999bab}footer{padding:12px 0;text-align:center}.notice{padding:12px 16px;background:#392534;border:1px solid #8b4c63;border-radius:10px;color:#ffcfdd;margin-bottom:18px}.hidden{display:none!important}@media(max-width:980px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px}.sidebar nav{display:flex;gap:7px;overflow-x:auto;margin-top:16px}.sidebar nav a{white-space:nowrap}.footnote{display:none}main{padding:24px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.top,.panel-head{align-items:flex-start;flex-direction:column}.metrics{gap:8px}.metrics article{padding:13px}.metrics strong{font-size:26px}.panel-head{padding:18px}.panel-head input{max-width:none}.head-actions{justify-content:space-between;width:100%}}

/* Administrator login sahifasi */
.admin-login-body{min-height:100vh;background:radial-gradient(ellipse at 75% 15%,#34202d 0%,#10111b 44%,#0b0c14 85%);display:grid;place-items:center;padding:24px}
.admin-signin-wrap{width:100%;max-width:440px;margin:auto;padding:15px 0}
.admin-signin-brand{display:flex;align-items:center;justify-content:center;gap:13px;font-size:21px;font-weight:800;margin-bottom:30px;letter-spacing:.025em}
.admin-signin-brand b{color:#ec668f}.admin-signin-brand small{display:block;color:#a7a1b5;font-size:10px;letter-spacing:.17em}
.admin-signin-card{padding:33px;background:#181a27;border:1px solid #3c3345;border-radius:20px;box-shadow:0 25px 80px #0005}
.admin-signin-card h1{font-size:29px;margin:10px 0 5px;letter-spacing:-.035em}
.admin-signin-intro{margin:0 0 23px;color:#b5b1c1;font-size:13px}
.admin-signin-card form{display:grid;gap:9px}
.admin-signin-card label{font-size:12px;font-weight:750;color:#e2deea;margin-top:8px}
.admin-signin-card input{display:block;width:100%;background:#10121c;border:1px solid #3c4055;color:#fff;border-radius:10px;padding:13px 14px;min-height:45px;outline:none}
.admin-signin-card input:focus{border-color:#e56a95;box-shadow:0 0 0 3px #e56a9529}
.admin-signin-submit{width:100%;font-size:14px;min-height:45px;margin-top:12px}
.admin-signin-error,.admin-signin-notice{font-size:12px;padding:10px 12px;border-radius:9px;line-height:1.55}
.admin-signin-error{margin:4px 0 0;border:1px solid #93415b;background:#512638;color:#ffd9e3}
.admin-signin-notice{background:#2a2d43;color:#d3d6fa;border:1px solid #424966;margin:0 0 16px}
.admin-signin-help{font-size:12px;color:#a9a7b6;line-height:1.7;border-top:1px solid #343644;margin-top:24px;padding-top:17px}
.admin-signin-help strong{color:#e0ddeb}
.admin-signin-back{display:block;text-align:center;color:#b4acba;margin:19px auto 0;font-size:13px}
.admin-signin-back:hover{color:white}
@media(max-width:480px){.admin-signin-card{padding:24px 18px}.admin-signin-card h1{font-size:24px}}

/* V13.5 administrator paneli: ekranlarga mos foydalanish */
.sidebar nav{overflow-y:auto;min-height:0}.media-state{font-size:17px!important;line-height:1.6;white-space:nowrap}
.admin-filter-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-filter-group select{background:#252637;color:#f7f4fa;border:1px solid #454658;border-radius:9px;padding:10px 12px}
.action-set{display:flex;flex-wrap:wrap;gap:6px}.action-set .button{padding:8px 10px}
.admin-pager{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#adb1c1;font-size:12px}.admin-pager>div{display:flex;gap:6px}
.admin-user-details{margin:15px 22px;padding:20px;background:#111522;border-radius:12px;border:1px solid #404453}.admin-user-details h3{margin:0 0 8px}.admin-user-details p{margin:8px 0;color:#bec3d0}
.system-summary{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.system-summary span{background:#252b3a;border:1px solid #3e4558;border-radius:9px;padding:10px;color:#dfe3f0}
@media(max-width:980px){.sidebar nav{overflow-y:visible;overflow-x:auto}.sidebar{height:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-filter-group{width:100%}.admin-filter-group input{min-width:0}.top .head-actions{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-details{margin:10px;padding:12px}.admin-pager{padding:14px}.sidebar nav{scrollbar-width:thin}}

/* V13.6: kamera nazorati */
.admin-camera-content{padding:20px 24px;display:grid;gap:16px;justify-items:start}.admin-camera-status{display:flex;gap:12px;flex-wrap:wrap}.admin-camera-content .small-note{padding:0;margin:0;max-width:700px}.admin-camera-content .button{min-width:190px;min-height:43px}