:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--accent-color:#2563eb;--accent-soft:#eff6ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--sidebar:#0f172a;--shadow:0 8px 24px rgba(15,23,42,.06);--sidebar-w:268px}
[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#020617;--card-bg:#1e293b;--text-primary:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--accent-color:#3b82f6;--accent-soft:rgba(59,130,246,.14);--sidebar:#020617;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;transition:background .25s,color .25s}a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar);color:#cbd5e1;padding:22px 14px;display:flex;flex-direction:column;z-index:1040;transition:width .25s,transform .25s;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 10px 24px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#6366f1);font-size:18px;box-shadow:0 8px 20px rgba(59,130,246,.35)}.brand-copy,.profile-copy{display:flex;flex-direction:column;white-space:nowrap}.brand-copy strong{font-size:18px}.brand-copy small{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.sidebar-nav{overflow-y:auto;overflow-x:hidden;padding-right:2px}.nav-caption{display:block;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:10px 12px}.sidebar .nav-link{height:43px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#94a3b8;border-radius:10px;margin:3px 0;white-space:nowrap;transition:.2s}.sidebar .nav-link i{width:20px;text-align:center}.sidebar .nav-link:hover{color:#fff;background:rgba(255,255,255,.06);transform:translateX(2px)}.sidebar .nav-link.active{color:#fff;background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 6px 16px rgba(37,99,235,.25)}.sidebar-help{margin-top:auto;border:1px solid rgba(148,163,184,.15);background:rgba(255,255,255,.04);border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;white-space:nowrap}.sidebar-help i{color:#60a5fa;font-size:20px}.sidebar-help div{display:flex;flex-direction:column}.sidebar-help small{color:#64748b;font-size:11px}.app-main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:100vh;display:flex;flex-direction:column;transition:.25s}.topbar{height:72px;position:sticky;top:0;z-index:1020;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);padding:0 26px;display:flex;align-items:center;justify-content:space-between}.icon-btn{width:40px;height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-muted);display:grid;place-items:center}.icon-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.global-search{height:40px;width:min(390px,34vw);display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:0 12px;color:var(--text-muted)}.global-search input,.table-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text-primary);min-width:0}.global-search kbd{font-family:Inter;font-size:10px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.notification-dot{position:absolute;width:7px;height:7px;background:var(--danger);border:2px solid var(--card-bg);border-radius:50%;top:8px;right:8px}.profile-btn{border:0;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:4px 0 4px 8px}.profile-btn>i{font-size:10px;color:var(--text-muted)}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:700}.profile-copy{text-align:left}.profile-copy strong{font-size:13px}.profile-copy small{font-size:10px;color:var(--text-muted)}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);color:var(--text-primary)}.dropdown-item{color:var(--text-primary);font-size:13px;padding:9px 14px}.dropdown-item:hover{background:var(--bg-secondary);color:var(--accent-color)}.dropdown-divider{border-color:var(--border-color)}.notification-menu{width:340px}.dropdown-heading{padding:15px;font-weight:700;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.notification-menu .dropdown-item{display:flex;gap:10px;padding:12px 15px}.notification-menu .dropdown-item>span:last-child{display:flex;flex-direction:column}.notification-menu small{color:var(--text-muted)}.notice-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.notice-icon.warning{background:#fffbeb;color:#d97706}.notice-icon.danger{background:#fef2f2;color:#dc2626}.content-wrap{padding:18px 26px 32px;flex:1}.breadcrumb-wrap{margin-bottom:18px}.breadcrumb{font-size:12px}.breadcrumb a{color:var(--text-muted)}.breadcrumb-item.active{color:var(--text-primary)}.breadcrumb-item+.breadcrumb-item:before{color:var(--text-muted)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:2px 0 5px}.page-heading p{margin:0;color:var(--text-muted)}.page-heading .eyebrow{font-size:10px;color:var(--accent-color);text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.btn{border-radius:9px;font-size:13px;font-weight:600;padding:9px 14px}.btn-primary{background:var(--accent-color);border-color:var(--accent-color)}.btn-soft{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}.btn-soft:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.btn-icon{width:31px;height:31px;padding:0;display:inline-grid;place-items:center;border-radius:8px}.stat-card,.panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow)}.stat-card{padding:17px;display:flex;align-items:center;gap:13px;min-height:96px;transition:.2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.1)}.stat-icon{width:45px;height:45px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-color);font-size:18px}.stat-card.success .stat-icon{background:rgba(16,185,129,.12);color:var(--success)}.stat-card.warning .stat-icon{background:rgba(245,158,11,.12);color:var(--warning)}.stat-card.danger .stat-icon{background:rgba(239,68,68,.12);color:var(--danger)}.stat-card.info .stat-icon{background:rgba(6,182,212,.12);color:var(--info)}.stat-copy{display:flex;flex-direction:column;min-width:0}.stat-copy>span{color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap}.stat-copy strong{font-size:22px;letter-spacing:-.5px}.stat-copy small{font-size:10px;color:var(--success)}.stat-copy small.down{color:var(--danger)}.stat-copy small span{color:var(--text-muted)}.panel{overflow:hidden}.panel-header{padding:17px 19px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h2{font-size:15px;font-weight:700;margin:0}.panel-header p{font-size:11px;color:var(--text-muted);margin:3px 0 0}.panel-body{padding:18px}.chart-wrap{height:280px;position:relative}.table-toolbar{padding:14px 17px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;gap:12px}.table-search{height:38px;width:300px;max-width:100%;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--border-color);border-radius:9px;color:var(--text-muted);background:var(--bg-secondary)}.table-responsive{margin:0}.data-table{margin:0;color:var(--text-primary);white-space:nowrap}.data-table>:not(caption)>*>*{background:transparent;color:inherit;border-color:var(--border-color);padding:13px 16px;vertical-align:middle}.data-table thead th{background:var(--bg-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:700}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table td{font-size:12px}.cell-title{display:flex;align-items:center;gap:10px}.cell-title .mini-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-color)}.cell-title span{display:flex;flex-direction:column}.cell-title small{color:var(--text-muted);font-size:10px}.badge-soft{font-size:10px;padding:5px 8px;border-radius:20px;background:var(--accent-soft);color:var(--accent-color);font-weight:700}.badge-soft.success{background:rgba(16,185,129,.12);color:var(--success)}.badge-soft.warning{background:rgba(245,158,11,.13);color:#d97706}.badge-soft.danger{background:rgba(239,68,68,.12);color:var(--danger)}.badge-soft.muted{background:rgba(100,116,139,.12);color:var(--text-muted)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;color:var(--text-muted);font-size:11px}.table-pagination nav{display:flex;gap:4px}.table-pagination button{width:30px;height:30px;border:1px solid var(--border-color);border-radius:7px;background:var(--card-bg);color:var(--text-muted)}.table-pagination button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.form-label{font-size:11px;font-weight:700;color:var(--text-primary)}.form-control,.form-select{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);border-radius:9px;font-size:13px;padding:10px 12px}.form-control:focus,.form-select:focus{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.form-control::placeholder{color:var(--text-muted)}[data-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.detail-item{padding:14px;border-bottom:1px solid var(--border-color)}.detail-item span{display:block;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-item strong{font-size:13px}.progress{height:7px;background:var(--bg-secondary)}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline li:not(:last-child):after{content:"";position:absolute;left:5px;top:15px;bottom:2px;border-left:1px solid var(--border-color)}.timeline-dot{width:11px;height:11px;border:3px solid var(--card-bg);outline:2px solid var(--accent-color);background:var(--accent-color);border-radius:50%;margin-top:4px;z-index:1}.timeline p{margin:0;font-size:12px}.timeline small{color:var(--text-muted);font-size:10px}.list-widget{list-style:none;padding:0;margin:0}.list-widget li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-color)}.list-widget li:last-child{border:0}.list-widget strong{font-size:12px}.list-widget small{display:block;color:var(--text-muted);font-size:10px}.app-footer{padding:16px 26px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;color:var(--text-muted);font-size:10px}.camera-card{position:relative;overflow:hidden;border-radius:13px;background:#0f172a;min-height:180px;color:#fff}.camera-card img{width:100%;height:180px;object-fit:cover;opacity:.7}.camera-overlay{position:absolute;inset:0;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 45%,rgba(0,0,0,.45))}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);display:inline-block;margin-right:6px}.room-card{padding:18px}.room-icon{height:120px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),rgba(99,102,241,.15));display:grid;place-items:center;font-size:38px;color:var(--accent-color);margin-bottom:15px}.setting-nav .nav-link{color:var(--text-muted);border-radius:8px;text-align:left}.setting-nav .nav-link.active{background:var(--accent-soft);color:var(--accent-color)}.auth-body{background:#020617}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;background-size:cover;background-position:center}.auth-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(2,6,23,.9),rgba(15,23,42,.55))}.auth-card{position:relative;width:min(440px,100%);padding:32px;border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.65);backdrop-filter:blur(22px);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.35);color:#f8fafc}.auth-card.wide{width:min(720px,100%)}.auth-card .brand{justify-content:center;padding-bottom:24px}.auth-card h1{text-align:center;font-size:25px;font-weight:800}.auth-card>p{text-align:center;color:#94a3b8;margin-bottom:24px}.auth-card .form-label{color:#e2e8f0}.auth-card .form-control{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.auth-card .form-control::placeholder{color:#64748b}.auth-link{color:#60a5fa}.auth-foot{text-align:center;color:#94a3b8;font-size:12px;margin-top:20px}.sidebar-backdrop{display:none}
.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none;width:0;height:0}
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.dashboard-heading h1{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:2px 0 5px}.dashboard-heading p{margin:0;color:var(--text-muted)}.dashboard-heading .eyebrow{font-size:11px;color:var(--accent-color);font-weight:700}.dashboard-filter{display:flex;align-items:center;gap:9px}.period-switch{height:40px;padding:3px;display:flex;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg)}.period-btn{min-width:58px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700}.period-btn.active{background:var(--accent-soft);color:var(--accent-color)}.date-range-button{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-size:11px;font-weight:600}.date-range-button>i:first-child{color:var(--accent-color)}.date-range-button>i:last-child{font-size:9px;color:var(--text-muted)}.date-range-menu{width:360px;padding:16px}.date-inputs{display:flex;align-items:end;gap:8px}.date-inputs>div{flex:1}.date-inputs small{display:block;color:var(--text-muted);font-size:10px;margin-bottom:5px}.date-inputs>span{padding-bottom:10px;color:var(--text-muted)}.toastify.ims-toast{padding:0;min-width:330px;max-width:420px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-left:4px solid var(--info);border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.2);font-family:Inter,sans-serif}.toastify.ims-toast-success{border-left-color:var(--success)}.toastify.ims-toast-error{border-left-color:var(--danger)}.toastify.ims-toast-warning{border-left-color:var(--warning)}.toastify.ims-toast-info{border-left-color:var(--info)}.ims-toast-content{display:flex;align-items:flex-start;gap:11px;padding:14px 38px 14px 14px}.ims-toast-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:rgba(6,182,212,.12);color:var(--info);font-size:16px}.ims-toast-success .ims-toast-icon{background:rgba(16,185,129,.12);color:var(--success)}.ims-toast-error .ims-toast-icon{background:rgba(239,68,68,.12);color:var(--danger)}.ims-toast-warning .ims-toast-icon{background:rgba(245,158,11,.12);color:var(--warning)}.ims-toast-copy{display:flex;flex-direction:column;gap:3px}.ims-toast-copy strong{font-size:12px}.ims-toast-copy span{font-size:11px;line-height:1.45;color:var(--text-muted)}.toast-close{position:absolute;right:12px;top:12px;color:var(--text-muted);opacity:.7}.notification-view-all{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--border-color);font-size:12px;font-weight:700;color:var(--accent-color)}.notification-tabs{gap:4px}.notification-tabs .nav-link{padding:7px 10px;color:var(--text-muted);font-size:11px;font-weight:600;border-radius:8px}.notification-tabs .nav-link.active{background:var(--accent-soft);color:var(--accent-color)}.notification-tabs .nav-link span{margin-left:3px;padding:1px 5px;border-radius:10px;background:var(--bg-secondary)}.notification-item{display:flex;gap:13px;padding:17px 19px;border-bottom:1px solid var(--border-color);transition:.2s}.notification-item:hover{background:var(--bg-secondary)}.notification-item.is-unread{background:color-mix(in srgb,var(--accent-soft) 45%,var(--card-bg))}.notification-item[hidden]{display:none}.alert-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-color)}.alert-icon.critical{background:rgba(239,68,68,.12);color:var(--danger)}.alert-icon.warning{background:rgba(245,158,11,.12);color:var(--warning)}.alert-icon.success{background:rgba(16,185,129,.12);color:var(--success)}.notification-content{flex:1;min-width:0}.notification-content h3{font-size:13px;font-weight:700;margin:0}.notification-content p{font-size:12px;color:var(--text-muted);margin:5px 0 9px}.notification-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--text-muted)}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-color)}.notification-actions{flex:none}.channel-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border-color)}.channel-row:last-child{border:0}.channel-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-color)}.channel-row div:not(.form-check){display:flex;flex-direction:column}.channel-row strong{font-size:12px}.channel-row small{font-size:10px;color:var(--text-muted)}.recently-opened{padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid rgba(148,163,184,.12)}.recently-opened[hidden]{display:none}.sidebar .recent-link{height:36px;font-size:12px;color:#cbd5e1}.sidebar .recent-link i{font-size:11px;color:#60a5fa}.nav-group{margin:3px 0}.nav-group-toggle{width:100%;height:43px;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#94a3b8;font:inherit;text-align:left;white-space:nowrap;transition:.2s}.nav-group-toggle:hover,.nav-group-toggle.active{color:#fff;background:rgba(255,255,255,.06)}.nav-group-toggle .group-icon{width:20px;text-align:center}.nav-group-toggle span{flex:1}.group-chevron{font-size:10px;transition:transform .25s}.nav-group-toggle[aria-expanded=true] .group-chevron{transform:rotate(180deg)}.nav-submenu{position:relative;padding:3px 0 5px 15px}.nav-submenu:before{content:"";position:absolute;left:22px;top:4px;bottom:8px;border-left:1px solid rgba(148,163,184,.2)}.sidebar .nav-submenu .nav-link{height:38px;margin:2px 0;padding-left:18px;font-size:12px}.sidebar .nav-submenu .nav-link i{font-size:11px;position:relative;z-index:1;background:var(--sidebar)}.sidebar .nav-submenu .nav-link.active i{background:transparent}.sidebar .nav-submenu .nav-link.active{box-shadow:none;background:rgba(37,99,235,.22);color:#93c5fd}.collapsing{transition:height .25s ease}
@media(max-width:1199px){:root{--sidebar-w:236px}.stat-card{padding:14px}.content-wrap{padding-left:20px;padding-right:20px}}
@media(min-width:992px){body.sidebar-collapsed{--sidebar-w:78px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar .nav-link span,.sidebar-collapsed .nav-caption,.sidebar-collapsed .sidebar-help div,.sidebar-collapsed .nav-group-toggle span,.sidebar-collapsed .group-chevron,.sidebar-collapsed .nav-submenu{display:none!important}.sidebar-collapsed .sidebar .nav-link,.sidebar-collapsed .nav-group-toggle{justify-content:center;padding:0}.sidebar-collapsed .brand{padding-left:4px}.sidebar-collapsed .sidebar-help{justify-content:center}}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.app-main{margin-left:0;width:100%}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:1030}.sidebar-open .sidebar-backdrop{display:block}.global-search{width:280px}}
@media(max-width:767px){.topbar{height:64px;padding:0 14px}.content-wrap{padding:14px}.global-search{width:40px;padding:0;justify-content:center}.global-search input,.global-search kbd{display:none}.profile-copy,.profile-btn>i{display:none}.page-heading,.dashboard-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.dashboard-filter{width:100%;flex-wrap:wrap}.period-switch{flex:1}.period-btn{flex:1;min-width:48px}.date-range-button{width:100%;justify-content:space-between}.dashboard-filter>.dropdown{width:100%}.date-range-menu{width:min(360px,calc(100vw - 28px))}.table-toolbar,.table-pagination{align-items:stretch;flex-direction:column}.table-search{width:100%}.app-footer{padding:14px;flex-direction:column;gap:5px}.detail-list{grid-template-columns:1fr}.auth-card{padding:24px}.notification-menu{width:300px}.chart-wrap{height:240px}}