@media (width<=1100px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-section{grid-template-columns:1fr}}@media (width<=968px){.graph-section{grid-template-rows:auto auto auto;grid-template-columns:1fr}.taskbar{height:auto}.task-actions{flex-direction:row}}@media (width<=480px){.task-actions{flex-direction:column}.task-btn{width:100%}}@keyframes graphGrow{0%{height:0}to{}}@media (width<=900px){.graph-content{grid-template-columns:1fr}}@keyframes growBar{0%{height:0}to{height:calc(var(--value) * 1%)}}@keyframes slideBar{0%{width:0}to{width:var(--width)}}@media (width<=900px){.graph-layout{grid-template-columns:1fr}}@media (width<=900px){.violation-task-section{grid-template-columns:1fr}}@media (width<=900px){.violation-task-section{flex-direction:column}.violation-task-section>div{flex:1;max-width:100%}}@media (width<=900px){.list-layout{grid-template-columns:1fr}}@media (width<=1024px){.lists-grid{grid-template-columns:1fr}}@media (width<=600px){.glass-card{padding:16px}.card-title{font-size:16px}.custom-table td,.custom-table th{padding:12px 10px;font-size:13px}.user-avatar{width:30px;height:30px}}@media (width<=1024px){.mobile-menu-btn{display:block}.lists-grid{grid-template-columns:1fr}.admin-header{flex-wrap:wrap;gap:15px}.header-left{align-items:center;width:100%;display:flex}}@media (width<=600px){.main-content{padding:20px}.stats-section{grid-template-columns:1fr}}@media (width<=1024px){.mobile-menu-btn{display:block}.sidebar{z-index:1000;width:260px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:5px 0 15px #0000001a}.sidebar.mobile-active{left:0}.sidebar-toggle{display:none}.main-content{width:100%;margin-left:0}.lists-grid{grid-template-columns:1fr}}.main-content{background-color:#f8fafc;padding:2rem}.glass-card{background:#fff;border:1px solid #0000000d;border-radius:20px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 10px 25px -5px #0000000d}.alert-tag{color:#dc2626;text-transform:uppercase;background:#fee2e2;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600}.view-img-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.view-img-btn:hover{color:#1e293b;background:#e2e8f0}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem;display:grid}.camera-room-card{background:#fff;border:1px solid #00000008;border-radius:24px;gap:1.25rem;padding:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.camera-room-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.camera-feed{aspect-ratio:4/3;border-radius:18px;width:50%;position:relative;overflow:hidden}.camera-feed img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.camera-room-card:hover .camera-feed img{transform:scale(1.05)}.camera-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172acc;border-radius:30px;padding:6px 14px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.camera-stats{grid-template-columns:1fr 1fr;gap:.75rem;width:50%;padding:.25rem;display:grid}.stat{background:#f8fafc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:background .2s;display:flex}.camera-room-card:hover .stat{background:#fff;box-shadow:inset 0 0 0 1px #0000000d}.stat p{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.stat strong{font-family:Inter,sans-serif;font-size:22px;font-weight:800}.stat.helmet strong{color:#2563eb}.stat.coat strong{color:#059669}.stat.both strong{color:#7c3aed}.stat.none strong{color:#f04400f0}.stat.Person strong{color:#2563eb}.stat.UAV strong{color:#18e418}.image-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ae6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:800px;position:relative}.image-modal img{border-radius:20px;width:100%;box-shadow:0 25px 50px -12px #00000080}.close-hint{text-align:center;color:#94a3b8;margin-top:1rem;font-size:14px;display:block}.dashboard-layout{background:#f4f6fb;min-height:100vh;display:flex}.dashboard-content{flex:1;padding:28px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{margin:0}.dashboard-header p{color:#666;margin-top:4px}.primary-btn{color:#fff;cursor:pointer;background:#4a6cf7;border:none;border-radius:8px;padding:10px 16px}.stats-grid{gap:20px;margin-bottom:24px;display:flex}.stat-card{background:#fff;border-radius:14px;flex:1;padding:20px;box-shadow:0 6px 18px #0000000d}.stat-card h3{color:#4a6cf7;margin:0;font-size:28px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000000d}.section-title{margin-bottom:16px}.task-table{border-collapse:collapse;width:100%}.task-table th{text-align:left;border-bottom:1px solid #eee;padding:12px;font-size:14px}.task-table td{border-bottom:1px solid #f3f3f3;padding:12px}.badge{border-radius:20px;padding:5px 12px;font-size:12px}.done{color:#1f9254;background:#e9f8ef}.pending{color:#ff9800;background:#fff4e5}.layout{background:#f4f6fb;min-height:100vh;display:flex}.activity-container{flex:1;padding:25px}.header-row{justify-content:space-between;margin-bottom:20px;display:flex}.add-btn{color:#fff;cursor:pointer;background:#4a6cf7;border:none;border-radius:6px;padding:8px 14px}.table-card{background:#fff;border-radius:10px;padding:15px}.activity-table{border-collapse:collapse;width:100%}.activity-table th,.activity-table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.sortable{cursor:pointer}.status{color:green;background:#e8f8f0;border-radius:20px;padding:5px 10px;font-size:12px}.view-btn{cursor:pointer;background:#eef2ff;border:none;border-radius:6px;padding:6px 10px}.delete-btn{cursor:pointer;color:red;background:#ffeaea;border:none;border-radius:6px;padding:6px 10px}.modal{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal img{border-radius:10px;width:300px}.safety-card{background:#f5f7fb;min-height:100vh;display:flex}.card-content{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex}.image-container{background:#000;border-radius:14px;position:relative;overflow:hidden}.image-container img{object-fit:cover;width:100%;height:380px}.badge{color:#fff;background:#0b5cff;border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;top:12px;left:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-box{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:18px;transition:all .2s;display:flex}.stat-box:hover{transform:translateY(-4px)}.blue{border-left:5px solid #2979ff}.green{border-left:5px solid #00c853}.purple{border-left:5px solid #7c4dff}.orange{border-left:5px solid #ff9117}.stat-count{font-size:26px;font-weight:700}.safety-note-overlay{z-index:1000;background:#fff;border-radius:12px;width:340px;padding:16px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #00000026}.note-header{justify-content:space-between;align-items:center;display:flex}.note-body{color:#555;margin-top:10px;font-size:14px}.close-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.header-right-cam{gap:16px;display:flex}.video-btn-cam{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#085008;background:#08500826;border:1px solid #08500859;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 6px 18px #00000026}.video-btn-cam i{font-size:20px}.video-btn-cam:hover{background:#08500840;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 30px #08500859}.stop-video-cam{color:#960000;background:#96000026;border-color:#96000059}.stop-video-cam:hover{background:#96000040;box-shadow:0 10px 30px #96000059}#popupOverlay-cam{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-box-cam{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;text-align:center;background:#ffffff26;border-radius:16px;width:320px;padding:24px;animation:.35s popupScale}.popup-box-cam h3{margin-bottom:10px}.popup-box-cam p{opacity:.9;font-size:14px}.popup-box-cam button{color:#fff;cursor:pointer;background:#039c03;border:none;border-radius:10px;margin-top:16px;padding:8px 16px}@keyframes popupScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.room-note-cam{color:#6b7280;font-size:13px}.wrapper{gap:24px;display:flex}.wrapper2{gap:24px;margin-top:20px;display:flex}.camera-grid-cam{gap:24px;width:50%;display:flex}.camera-room-card-cam{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border-radius:20px;gap:24px;width:100%;padding:20px;display:flex;box-shadow:0 16px 40px #0000001a}.camera-feed-cam{border-radius:16px;flex:2;width:auto;height:300px;position:relative;overflow:hidden}.camera-feed-cam img{object-fit:cover;width:100%;height:100%}.camera-feed-cam video{object-fit:contain;width:100%;height:100%}.camera-feed-cam canvas{width:100%;height:100%;position:absolute;top:0;left:0}.page-title{margin:0;font-size:26px;font-weight:800}.camera-label-cam{color:#fff;background:#0009;border-radius:20px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.camera-stats-cam{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:200px;display:grid}.cam-stat-card{background:#e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.cam-stat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cam-stat-label{color:#475569}.cam-stat-value{color:#111;margin-left:auto;font-weight:700}.dashboard-container{grid-template-columns:4fr 1.3fr;align-items:start;gap:30px;display:grid}.left-section{display:block}.right-overall-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-radius:20px;height:fit-content;padding:20px;position:sticky;top:20px;box-shadow:0 16px 40px #0000001a}.right-overall-panel h3{margin-bottom:18px;font-size:18px}.overall-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.overall-stat{text-align:center;background:#f3f4f6;border-radius:14px;padding:16px}.overall-stat p{color:#6b7280;margin:0;font-size:13px}.overall-stat strong{font-size:20px;font-weight:800}.pie-chart-wrapper{margin-top:25px}.fullscreen-wrapper{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.hide-grid{display:none}.fullscreen-cam{z-index:9999;z-index:9999;background:#000;flex-direction:row;display:flex;top:0;left:0;width:100vw!important;height:100vh!important;position:fixed!important}.fullscreen-cam canvas{width:100%;height:100%}.fullscreen-cam .camera-stats-cam{color:#fff;background:#0009;flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex}.stat-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px;transition:all .2s;display:flex}.stat-row:hover{background:#ffffff1a;transform:scale(1.02)}.stat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.stat-row-p{color:#fff;justify-content:space-between;width:100%;font-size:13px;display:flex}.stat-row strong{text-shadow:0 0 6px;margin-left:8px}.stats-hide{transform:translate(100%)}.fullscreen-modal{z-index:9999;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}.fs-wrapper{height:100%;display:flex}.fs-video-area{flex:1;position:relative}.fs-stats-panel{color:#fff;background:#111;width:300px;padding:20px}.fs-open-stats{position:absolute;top:50%;right:0}.fs-back-btn{z-index:999;position:absolute;top:20px;left:20px}.cam-setting-btn{color:#fff;cursor:pointer;z-index:9999;background:#0009;border:none;border-radius:50%;padding:6px 10px;font-size:18px;position:absolute;top:10px;right:10px}.setting-overlay{z-index:99999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.setting-box{background:#fff;border-radius:10px;width:350px;padding:20px}.setting-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.setting-item{align-items:center;gap:5px;font-size:14px;display:flex}.setting-actions{justify-content:space-between;margin-top:15px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:6px 12px}.cancel-btn{cursor:pointer;background:#ccc;border:none;border-radius:5px;padding:6px 12px}.logs-drawer{color:#fff;z-index:99999;background:#111;flex-direction:column;width:400px;height:100%;animation:.3s slideIn;display:flex;position:fixed;top:0;right:0}.logs-header{border-bottom:1px solid #333;justify-content:space-between;padding:15px;display:flex}.logs-body{flex:1;padding:10px;overflow-y:auto}.log-card{background:#222;border-radius:8px;margin-bottom:10px;padding:10px}.logs-pagination{text-align:center;border-top:1px solid #333;padding:10px}@keyframes slideIn{0%{right:-400px}to{right:0}}.camera-deactivated{justify-content:space-between;align-items:center;padding:0 15px;display:flex;background:#111!important;height:60px!important;min-height:60px!important}.camera-room-card-cam{background:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 16px 40px #00000014}.camera-title{justify-content:space-between;align-items:center;display:flex}.camera-title-type{font-size:16px;font-weight:600}.cam-icon{cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.cam-icon:hover{transform:scale(1.08)}.setting-btn:hover{color:#2563eb;background:#dbeafe}.pause:hover{color:#d97706;background:#fef3c7}.deactivate:hover{color:#dc2626;background:#fee2e2}.delete:hover{color:#b91c1c;background:#fecaca}.camera-content-wrapper{gap:20px;display:flex}.camera-feed-cam{background:#000;border-radius:16px;flex:2;height:280px;position:relative;overflow:hidden}.camera-feed-cam video,.camera-feed-cam img{object-fit:cover;width:100%;height:100%}.camera-feed-cam canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.camera-stats-cam{flex:1;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.fullscreen-cam{z-index:9999;background:#000;flex-direction:column;display:flex;top:0;left:0;overflow:hidden;width:100vw!important;height:100vh!important;position:fixed!important}.fullscreen-cam .camera-title{z-index:10001;background:#00000080;border-radius:10px;padding:6px 12px;position:absolute;top:15px;right:50%}.fullscreen-cam .camera-content-wrapper{flex:1;height:100%;display:flex}.fullscreen-cam .camera-feed-cam{flex:1;height:100%}.fullscreen-cam video,.fullscreen-cam img{object-fit:cover;width:100%;height:100%}.fullscreen-cam .camera-stats-cam{color:#fff;background:#000000d9;width:260px;min-width:240px;max-width:280px;height:100%;padding:15px;overflow-y:auto}.stats-hide{display:none}.fs-back-btn{z-index:10000;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;padding:10px 15px;position:absolute;top:20px;left:20px}.fs-toggle-stats-btn{z-index:10000;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;padding:10px 15px;position:absolute;top:20px;right:20px}body{overflow-x:hidden}.fullscreen-cam{overflow:hidden}.logs-tray{z-index:9999;background:#fff;width:100%;height:100vh;padding:20px;transition:all .3s;position:fixed;top:0;right:-100%;overflow:auto}.logs-tray.open{right:0}.logs-tray-header{justify-content:space-between;margin-bottom:20px;display:flex}.logs-tray-table table{border-collapse:collapse;width:100%}.logs-tray-table th,.logs-tray-table td{text-align:center;border-bottom:1px solid #ddd;padding:10px}.log-thumb{cursor:pointer;width:60px}.logs-pagination{justify-content:center;gap:20px;margin-top:20px;display:flex}.logs-filter-bar{align-items:center;gap:10px;display:flex}.logs-filter-bar input{padding:5px}.logs-filter-bar button{cursor:pointer;padding:6px 12px}.logs-tray-table th{cursor:pointer}.addcam-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;flex-direction:column;gap:18px;animation:.3s fadeIn;position:relative;inset:0}.addcam-overlay>*{width:280px}.addcam-overlay select,.addcam-overlay input{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:15%;margin:10px 20px 20px 10px;padding:10px 14px;font-size:14px;transition:all .3s}.addcam-overlay select:hover,.addcam-overlay input:hover{border-color:#4f46e5}.addcam-overlay select:focus,.addcam-overlay input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.addcam-overlay select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 7l4.5 4 4.5-4'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px}.addcam-overlay button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:10%;margin:10px 20px 20px 10px;padding:10px;font-weight:500;transition:all .3s}.addcam-overlay button:hover{background:#4338ca;transform:translateY(-2px)}@keyframes fadeIn{to{opacity:1}}#cameraType.dropdown-addcam{color:#333;cursor:pointer;appearance:none;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;max-width:260px;padding:10px 38px 10px 14px;font-size:14px;transition:all .25s}#cameraType.dropdown-addcam:hover{border-color:#4f46e5}#cameraType.dropdown-addcam:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}#cameraType.dropdown-addcam{background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.camera-actions{gap:10px;display:flex}.cam-icon{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px;transition:all .3s;position:relative}.btn-label{color:#000;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.cam-icon:hover .btn-label{opacity:1}.deactivated-screen{color:red;background:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:700;display:flex}.pie-container{aspect-ratio:1;width:100%;max-width:260px;margin:30px auto;position:relative;left:0}.liquid-loader{background:linear-gradient(45deg,#ff4d4d,#fc0);border-radius:50%;width:40px;height:40px;margin:100px auto;animation:1.2s forwards drop}@keyframes drop{0%{opacity:.5;transform:scale(.3)}50%{transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.pie-svg-pro{transition:transform .8s;transform:scale(0)}.pie-svg-pro.show{transform:scale(1)}.slice{transform-origin:50%;opacity:0;transition:transform .3s,filter .3s;animation:.8s forwards bloom}@keyframes bloom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.slice.active{filter:drop-shadow(0 0 8px #0006);transform:scale(1.08)}.labels-pro{margin-top:25px}.label-pro{opacity:0;margin:5px 0;animation:.6s forwards fadeIn}.dot{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.tooltip{color:#fff;background:#000;border-radius:20px;padding:8px 14px;font-size:14px;animation:.3s fadeIn;position:absolute;top:20px;left:50%;transform:translate(-50%)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-app:#f0fdf4;--text-primary:#1f2937;--green-icon:#636264}body{color:#1a1d29;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-container{background:#f0fbfd;min-height:100vh;display:flex}.sidebar{background:#f7fefe;border-right:1px solid #00000014;flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;padding:20px;transition:width .35s;display:flex;top:0;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar{position:relative}.sidebar-toggle{cursor:pointer;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:right .35s,box-shadow .35s,transform .35s;display:flex;position:absolute;top:110px;right:5px;box-shadow:0 8px 20px #0000002e}.sidebar-toggle i{color:#0581ab;font-size:13px;transition:opacity .25s,transform .25s;position:absolute}.toggle-expand{opacity:0;transform:scale(.6)}.toggle-collapse{opacity:1;transform:scale(1)}.sidebar-toggle:hover{transform:scale(1.12);box-shadow:0 14px 32px #00000047}.sidebar.collapsed .sidebar-toggle{right:25px}.sidebar.collapsed .toggle-collapse{opacity:0;transform:scale(.6)}.sidebar.collapsed .toggle-expand{opacity:1;transform:scale(1)}.logo-area{text-align:center;margin-bottom:40px}.logo{height:65px;transition:all .3s}.logo-icon{display:none}.logo-full{text-align:center;place-content:center;place-items:center;margin-top:30px;margin-left:40px;transition:all .3s;display:block}.sidebar.collapsed .logo-full{display:none}.sidebar.collapsed .logo-icon{display:block}.sidebar.collapsed .logo{height:36px;margin-top:30px;margin-bottom:60px}.nav-menu ul{list-style:none}.nav-menu li{margin-bottom:12px}.nav-menu a{color:var(--text-primary);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.nav-menu a i{color:var(--green-icon);font-size:16px}.nav-menu a:hover{background:#2280af4e;transform:translate(4px)}.nav-menu a.active{background:#44a0ecbd;border:2px solid #053bb070;font-weight:600}.nav-menu a.active i{color:#072f73}.sidebar.collapsed .nav-menu a span,.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .nav-menu a,.sidebar.collapsed .logout-btn{justify-content:center}.drone-icon{width:18px;height:18px;color:var(--green-icon)}.a.active drone-icon{color:#00f;width:18px;height:18px}.nav-menu>ul>li>a{font-size:15px;font-weight:600}.sub-menu{border-left:1px solid #ffffff14;margin-top:6px;padding-left:34px;list-style:none}.sub-link{color:#9aa3b2;align-items:center;gap:8px;padding:6px 0;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.sub-link i{opacity:.9;font-size:12px}.sub-link:hover{color:#2455e9}.sub-link.active{color:#0d3abf;font-weight:500}.sidebar.collapsed .sub-menu{display:none}.logout-area{margin-top:auto}.logout-btn{color:#dc2626;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.logout-btn:hover{background:#dc26261f}.main-content{flex:1;width:100%;min-width:0;padding:40px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{color:var(--text-primary);font-size:28px;font-weight:800}.current-date{color:#6b7280;font-size:13px}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-right:16px;padding:5px;font-size:22px;display:none}.stats-section{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{-webkit-backdrop-filter:blur(14px);background:#ffffffa6;border-radius:18px;flex-direction:column;gap:6px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 12px 30px #00000014}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0000001f}.stat-label{color:#6b7280;font-size:13px}.stat-value{color:#382f44;font-size:36px;font-weight:800}.stat-trend{border-radius:20px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600}.stat-trend.up{color:#065f46;background:#10b98126}.stat-trend.down{color:#991b1b;background:#ef444426}.stat-trend.neutral{color:#374151;background:#6b728026}@media (width<=1100px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-section{grid-template-columns:1fr}}.btn-launch-feed{font-family:var(--text-sans);cursor:pointer;color:#01243e;-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#3aaeedcd,#4cb4f4cc);border:#385b50;border-radius:22px;align-items:center;gap:14px;padding:12px 22px;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background .45s;display:flex;position:relative;box-shadow:0 10px 25px #04445e26,inset 0 0 0 1px #5177e199}.btn-launch-feed .cta-icon{color:#072f65;background:#c4deedce;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex;box-shadow:inset 0 0 0 1px #064a7aae}.btn-launch-feed .cta-text{color:#072f65;flex-direction:column;font-weight:700;line-height:1.2;display:flex}.btn-launch-feed .cta-text small{color:#0a3d80;opacity:.85;font-size:11px;font-weight:500}.btn-launch-feed:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 40px #26465333,inset 0 0 0 1px #3379c9b3}.btn-launch-feed:hover .cta-icon{transform:rotate(-8deg)scale(1.08)}.btn-launch-feed:active{transform:translateY(-2px)scale(.98);box-shadow:0 8px 18px #6d819859,inset 0 6px 12px #00000026}.graph-launch-section{align-items:stretch;gap:50px;flex-direction:row!important}.graph-launch-section>.graph-card{flex:0 0 75%;max-width:150%}.graph-launch-section>.live-camera-card{flex:0 0 25%;max-width:25%}.graph-card,.live-camera-card{height:auto;position:relative}.live-camera-card{background-color:#f0fdf4}.graph-section{grid-template-rows:auto 1fr;gap:24px;max-width:1750px;margin:0 auto;padding:20px;display:grid}.graph-header{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.graph-launch-section{height:100%}.card,.graph-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.taskbar{background:#fff;flex-direction:column;justify-content:center;height:100%;display:flex}.taskbar h3{color:#111827;margin:0 0 5px;font-size:18px;font-weight:800}.task-item{color:#374151;align-items:center;gap:12px;margin-top:20px;padding:8px 0;font-size:15px;transition:transform .2s;display:flex}.task-item:hover{transform:translate(4px)}.task-item input[type=checkbox]{accent-color:#1a8a5c;cursor:pointer;width:18px;height:18px}.taskbar hr{background:#e5e7eb;border:none;height:1px;margin:15px 0}.task-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.task-btn{cursor:pointer;border:none;border-radius:8px;min-width:90px;padding:8px 18px;font-size:13px;font-weight:600}.task-btn.primary{color:#fff;background:#297ddc;box-shadow:0 4px 12px #1a348a87}.task-btn.primary:hover{background:#0b5991;transform:translateY(-2px);box-shadow:0 6px 15px #0f71d34d}.task-btn:not(.primary){color:#4b5563;background:#f3f4f6}.task-btn:not(.primary):hover{color:#111827;background:#e5e7eb}@media (width<=968px){.graph-section{grid-template-rows:auto auto auto;grid-template-columns:1fr}.taskbar{height:auto}.task-actions{flex-direction:row}}@media (width<=480px){.task-actions{flex-direction:column}.task-btn{width:100%}}.graph-header{justify-content:left;align-items:center;margin-bottom:20px;display:flex}.graph-title{color:var(--text-primary);font-size:22px;font-weight:800}.graph-settings{position:relative}.graph-settings i{cursor:pointer;color:var(--green-icon);margin-left:50px;font-size:18px;transition:transform .3s}.graph-settings i:hover{transform:rotate(90deg)}.zone-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffd9;border-radius:12px;flex-direction:column;min-width:120px;display:none;position:absolute;top:30px;right:0;overflow:hidden;box-shadow:0 12px 30px #00000026}.zone-option{cursor:pointer;padding:10px 14px;font-size:13px}.zone-option:hover{background:#1a8a5c14}.graph-content{grid-template-columns:60% 40%;gap:24px;display:grid}.graph-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border-radius:20px;padding:24px;box-shadow:0 16px 40px #0000001a}.fake-graph{align-items:flex-end;gap:12px;height:180px;display:flex}.graph-line{background:linear-gradient(#1a8a5c33,#1a8a5ce6);border-radius:10px;flex:1;animation:1s graphGrow}.graph-line:first-child{height:40%}.graph-line:nth-child(2){height:70%}.graph-line:nth-child(3){height:55%}.graph-label{color:#6b7280;margin-top:14px;font-size:12px}.camera-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border-radius:20px;padding:16px;box-shadow:0 16px 40px #0000001a}.camera-frame{border-radius:14px;width:90%;height:85%;overflow:hidden}.camera-frame img{width:100%;height:200%}.camera-label{color:#374151;margin-top:10px;font-size:13px;display:block}@media (width<=900px){.graph-content{grid-template-columns:1fr}}.multi-graph{align-items:flex-end;gap:26px;height:180px;margin-top:20px;display:flex}.graph-bar{height:calc(var(--value) * 1%);border-radius:14px;flex:1;justify-content:center;align-items:flex-end;animation:.9s growBar;display:flex;position:relative}.graph-bar span{color:#fff;margin-bottom:8px;font-size:12px;font-weight:700}.graph-bar.helmet{background:linear-gradient(#60a5fa,#2563eb)}.graph-bar.coat{background:linear-gradient(#6ee7b7,#059669)}.graph-bar.both{background:linear-gradient(#c4b5fd,#7c3aed)}.graph-bar.none{background:linear-gradient(#e7b145,#eda23a)}.graph-legend{gap:16px;font-size:12px;font-weight:600;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-item:before{content:"";border-radius:50%;width:10px;height:10px}.legend-item.helmet:before{background:#2563eb}.legend-item.coat:before{background:#059669}.legend-item.both:before{background:#7c3aed}.legend-item.none:before{background:#eda23a}.advanced-graph{padding:26px}.graph-header-row h3{font-size:18px;font-weight:800}.graph-header-row p{color:#6b7280;margin-top:4px;font-size:12px}.graph-layout{grid-template-columns:1fr 150px;align-items:center;gap:24px;width:auto;margin-top:24px;display:grid}.horizontal-graph{position:relative}.graph-grid{pointer-events:none;grid-template-rows:repeat(3,1fr);gap:22px;display:grid;position:absolute;top:42px;left:0;right:0}.graph-grid span{border-top:1px dashed #00000014;transform:translateY(50%)}.graph-row{z-index:1;grid-template-columns:120px 1fr;align-items:center;gap:16px;margin-bottom:22px;display:grid;position:relative}.row-label{color:#374151;font-size:13px;font-weight:600}.bar-track{background:#0000000a;border-radius:3px;height:14px;overflow:hidden}.bar{height:100%;width:var(--width);border-radius:3px;animation:.9s slideBar}.bar.helmet{background:linear-gradient(90deg,#2563eb,#60a5fa)}.bar.coat{background:linear-gradient(90deg,#059669,#6ee7b7)}.bar.both{background:linear-gradient(90deg,#7c3aed,#c4b5fd)}.bar.none{background:linear-gradient(90deg,#d08a2f,#eeb161)}.graph-units{flex-direction:column;gap:12px;display:flex}.unit{background:#ffffffd9;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 4px 14px #00000014}.unit p{color:#6b7280;margin-bottom:2px;font-size:11px}.unit strong{color:#111827;font-size:17px;font-weight:800}.unit .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.unit p{color:#6b7280;font-size:12px}.unit strong{font-size:18px;font-weight:800}.unit .dot{border-radius:50%;width:10px;height:10px}.unit.helmet .dot{background:#2563eb}.unit.coat .dot{background:#059669}.unit.both .dot{background:#7c3aed}.unit.none .dot{background:#ed9f3a}@media (width<=900px){.graph-layout{grid-template-columns:1fr}}.zone-popup{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:20;background:#fffffff2;border-radius:14px;width:50%;transition:all .25s;position:absolute;top:390px;left:450px;transform:translateY(-10px)scale(.98);box-shadow:0 18px 40px #0000002e}.zone-popup.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.popup-header{border-bottom:1px solid #0000000f;padding:12px 14px}.popup-header h4{color:#111827;font-size:13px;font-weight:700}.popup-divider{background:#e5e7eb;border:none;height:1px;margin:10px 0}.popup-actions{flex-direction:column;gap:10px;padding:10px 14px 14px;display:flex}.popup-check{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.popup-check input{accent-color:#2163cd;width:16px;height:16px}.popup-buttons{justify-content:center;gap:12px;margin-top:14px;display:flex}.zone-list{flex-direction:column;display:flex}.zone-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;padding:10px 14px;font-size:13px;transition:background .2s,color .2s}.zone-item:hover{background:#1a8a5c14}.zone-item.active{color:#065f46;background:#1a8a5c26;font-weight:700}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border-radius:18px;justify-content:space-between;padding:28px 38px;box-shadow:0 12px 30px #00000014}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card h4{font-size:18px;font-weight:700}.view-more{color:#1a8a5c;font-size:13px;font-weight:600;text-decoration:none}.view-more:hover{text-decoration:underline}.violation-log table{border-collapse:collapse;table-layout:auto;width:100%;margin-top:12px}.violation-task-section{align-items:start;gap:24px;display:grid}@media (width<=900px){.violation-task-section{grid-template-columns:1fr}}.violation-log th,.violation-log td{text-align:left;padding:12px 10px;font-size:14px}.violation-log th{color:#555;font-weight:600}.violation-log th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:left;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:12px}.violation-log td{color:#1f2937;white-space:nowrap;padding:12px;font-size:14px}.violation-log tbody tr:not(:last-child){border-bottom:1px solid #f0f0f0}.violation-log td a{color:#1a8a5c;font-weight:600;text-decoration:none}.violation-log td a:hover{text-decoration:underline}.violation-log tbody tr{transition:background .25s}.violation-log tbody tr:hover{background:#1a8a5c0d}.violation-log td:nth-child(4){color:#047857;font-weight:600}@media (width<=900px){.violation-task-section{flex-direction:column}.violation-task-section>div{flex:1;max-width:100%}}.status.detected{color:#16a34a}.status.unknown{color:#dc2626}.list-layout{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}@media (width<=900px){.list-layout{grid-template-columns:1fr}}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa6;border-radius:18px;padding:20px;box-shadow:0 18px 40px #00000014}.card-header{margin-bottom:14px}.card-header h4{color:#1f2937;font-size:18px;font-weight:700}.modern-table{border-collapse:collapse;width:100%}.modern-table th{text-transform:uppercase;color:#64748b;text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:12px}.modern-table td{color:#1f2937;padding:14px 10px;font-size:14px}.modern-table tbody tr{transition:background .25s,transform .25s}.modern-table tbody tr:hover{background:#1a8a5c0f;transform:scale(1.01)}.user-cell{align-items:center;gap:10px;display:flex}.user-cell img{object-fit:cover;border-radius:20%;width:34px;height:34px}.mini-btn{cursor:pointer;color:#fff;background:#1a8a5c;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.mini-btn:hover{background:#15704c;transform:translateY(-1px)}.mini-btn.ghost{color:#1a8a5c;background:0 0;border:1px solid #c7e6d8}.mini-btn.ghost:hover{background:#1a8a5c14}.user-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .25s;display:flex}.user-item:hover{background:#1a8a5c14}.user-item img{border-radius:50%;width:36px;height:36px}.camera-card{background:#ffffffb3;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:transform .25s;display:flex}.camera-card:hover{transform:translateY(-3px)}.status{font-size:13px;font-weight:600}.status.active{color:#16a34a}.status.inactive{color:#dc2626}.violation-section{margin-bottom:24px}.lists-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 10px 30px #0000000d}.card-title{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.view-more-btn{color:#1a508a;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.view-more-btn:hover{text-decoration:underline}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:5px;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.custom-table{border-collapse:separate;border-spacing:0 10px;width:100%;min-width:auto}.custom-table th{text-align:left;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb;padding:0 16px 10px;font-size:12px;font-weight:600}.custom-table td{color:#374151;background:#fff;border-top:1px solid #00000005;border-bottom:1px solid #00000005;padding:16px;font-size:14px}.custom-table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.custom-table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.custom-table tbody tr{transition:transform .2s,box-shadow .2s}.custom-table tbody tr:hover td{color:#000;background:#fcfdfc}.custom-table tbody tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ppe-tag{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.ppe-tag.helmet{color:#2563eb;background:#eff6ff}.ppe-tag.coat{color:#059669;background:#ecfdf5}.ppe-tag.both{color:#7c3aed;background:#f5f3ff}.status-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.detected{color:#166534;background:#dcfce7}.status-badge.unknown{color:#991b1b;background:#fee2e2}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:13px;transition:all .2s}.action-btn:hover{color:#1a568a}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 5px #0000001a}.user-text{flex-direction:column;display:flex}.user-text .name{color:#111827;font-weight:600}.user-text .role{color:#9ca3af;font-size:11px}.cam-name{font-weight:600;display:block}.custom-table small{color:#9ca3af;font-size:11px}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.status-dot.active{background:#16a34a;box-shadow:0 0 0 2px #16a34a33}.status-dot.inactive{opacity:.6;background:#dc2626}.btn-sm{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-sm.primary{color:#fff;background:#1a708a}.btn-sm.primary:hover{background:#145a6c}.btn-sm.secondary{color:#4b5563;background:0 0;border:1px solid #d1d5db}.btn-sm.secondary:hover{background:#f3f4f6}@media (width<=1024px){.lists-grid{grid-template-columns:1fr}}@media (width<=600px){.glass-card{padding:16px}.card-title{font-size:16px}.custom-table td,.custom-table th{padding:12px 10px;font-size:13px}.user-avatar{width:30px;height:30px}}@media (width<=1024px){.mobile-menu-btn{display:block}.lists-grid{grid-template-columns:1fr}.admin-header{flex-wrap:wrap;gap:15px}.header-left{align-items:center;width:100%;display:flex}}@media (width<=600px){.main-content{padding:20px}.stats-section{grid-template-columns:1fr}}@media (width<=1024px){.mobile-menu-btn{display:block}.sidebar{z-index:1000;width:260px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:5px 0 15px #0000001a}.sidebar.mobile-active{left:0}.sidebar-toggle{display:none}.main-content{width:100%;margin-left:0}.lists-grid{grid-template-columns:1fr}}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.pagination button{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:6px;padding:8px 14px}.pagination button:disabled{cursor:not-allowed;background:#444}:root{--bg-card:#fff;--card-border:#0e4d8680;--input-bg:#f5faff;--accent-blue:#5083ed;--accent-blue-dark:#075192;--text-dark:#2c3e50;--text-light:#7a8ca5;--font-serif:"Playfair Display", serif;--font-sans:"Poppins", sans-serif}.page-container{justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:100vh;margin:auto;display:flex;position:relative}.content-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-section{z-index:100;position:fixed;top:24px;left:32px}.logo{height:70px}.left-panel{border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex}.right-panel{flex:1;justify-content:center;align-items:center;display:flex}.hero-image{object-fit:contain;max-width:120%;max-height:80vh}.login-card{background-color:var(--bg-card);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:400px;padding:50px 35px;box-shadow:0 12px 30px #002d5f4f}.login-header{text-align:center;margin-bottom:25px}.login-header h2{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:8px;font-size:26px}.subtitle{color:var(--text-light);font-size:13px}.input-group{margin-bottom:15px}.input-group label{color:var(--text-dark);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-group input{background-color:var(--input-bg);border:1px solid #0000;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:13px;transition:all .2s}.input-group input:focus{border-color:var(--accent-blue);background-color:#fff}.password-wrapper{position:relative}.toggle-password{color:var(--text-light);cursor:pointer;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.options-row{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.checkbox-container{cursor:pointer;color:var(--text-light);align-items:center;gap:6px;display:flex}.checkbox-container input{accent-color:var(--accent-blue)}.forgot-link{color:var(--text-dark);font-weight:600;text-decoration:none}.btn-primary{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600;transition:all .25s}.btn-primary:hover{background:var(--accent-blue-dark)}.dashboard-popup{background:#000f1e70;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dashboard-card{text-align:center;background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px #0078ff26}.dashboard-btn{cursor:pointer;background:#d6ebff;border:none;border-radius:10px;width:220px;margin:10px auto;padding:10px;transition:all .2s;display:block}.dashboard-btn:hover{background:var(--accent-blue)}footer{text-align:center;color:var(--text-light);margin-top:20px;font-size:13px}@media (width<=900px){.content-wrapper{flex-direction:column-reverse;gap:30px}.logo-section{text-align:center;margin-bottom:20px;position:relative;top:0;left:0}.left-panel{margin-top:20px}}