:root{--navy:#102f46;--navy2:#174762;--teal:#16a394;--bg:#f3f6f8;--text:#173142;--muted:#70838f;--border:#dce5e9;--white:#fff;--shadow:0 8px 28px #183b5012}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(175deg,#102f46,#0b2638);color:#ccdae2;padding:25px 16px;z-index:5}.brand{display:flex;flex-direction:column;padding:0 14px 24px;border-bottom:1px solid #ffffff18}.brand span{font-size:27px;font-weight:900;letter-spacing:3px;color:#fff}.brand small{color:#55d1c3;text-transform:uppercase;letter-spacing:1.5px}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:20px}.sidebar nav b{font-size:10px;letter-spacing:1.5px;color:#66889c;margin:22px 12px 7px}.sidebar nav a{padding:10px 13px;border-radius:7px}.sidebar nav a:hover{background:#ffffff10;color:#fff}main{margin-left:235px}header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}header>div{display:flex;flex-direction:column}header small{color:var(--muted)}.user{flex-direction:row;align-items:center;gap:15px}.user form{margin:0}.user button,.menu{border:1px solid var(--border);background:#fff;border-radius:6px;padding:7px 12px}.menu{display:none}.content{padding:25px;max-width:1600px;margin:auto}.hero{background:linear-gradient(120deg,#123a54,#176b73);color:#fff;border-radius:12px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero h1{margin:4px 0;font-size:27px}.hero p{margin:0;color:#c7e0e5}.eyebrow{font-size:10px;letter-spacing:2px;color:#4fcebf;font-weight:800}.button,.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:10px 15px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer}.primary{background:var(--teal);color:#fff}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border-radius:10px;padding:18px;border-left:4px solid #2788b7;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{font-size:27px;display:block;margin:4px 0}.stat.green{border-color:#25a77e}.stat.red{border-color:#e56767}.stat.purple{border-color:#8f71cc}.stat.orange{border-color:#e69c45}.stat.cyan{border-color:#35aab7}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-title{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-title h3,.panel-title p{margin:0}.panel-title p{color:var(--muted);font-size:12px}.live{color:#149a73;font-size:11px;font-weight:800;letter-spacing:1px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #edf1f3;white-space:nowrap}th{font-size:10px;color:#70838f;text-transform:uppercase;letter-spacing:.7px;background:#f9fbfc}.empty{text-align:center!important;color:var(--muted);padding:30px!important}.quick{display:flex;flex-direction:column}.quick>a{margin:8px 18px 0;border:1px solid var(--border);padding:11px;border-radius:7px}.quick>a:hover{border-color:var(--teal);color:var(--teal)}.alert{padding:11px 15px;border-radius:7px;margin-bottom:16px}.alert.success{background:#e3f8f2;color:#08785c}.alert.danger{background:#fdeaea;color:#a63333}.split{display:grid}.danger-link{color:#c74747;border:0;background:none;cursor:pointer}.filters,.monitor-toolbar{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid var(--border);border-radius:9px;padding:15px;margin-bottom:17px}.filters label{color:var(--muted);font-size:12px}.filters input,.filters select,.monitor-toolbar select{display:block;margin-top:4px}input,select{border:1px solid #ccd9de;border-radius:6px;padding:9px 11px;background:#fff;min-width:170px}dialog{border:0;border-radius:11px;width:min(700px,90vw);box-shadow:0 25px 80px #102f4655}dialog::backdrop{background:#102f4699}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border)}.dialog-head h3{margin:0}.dialog-head button{border:0;background:none;font-size:25px}.dialog-actions{border:0;border-top:1px solid var(--border);margin-top:15px;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.form-grid label{color:var(--muted)}.form-grid input{display:block;width:100%;margin-top:4px}.monitor-toolbar{justify-content:space-between}.monitor-grid,.replay-layout{display:grid;grid-template-columns:3fr 1fr;gap:17px}.map-panel{min-height:660px}.floor-map{height:600px;position:relative;overflow:hidden;background-color:#eaf0f2;background-image:linear-gradient(#dbe5e9 1px,transparent 1px),linear-gradient(90deg,#dbe5e9 1px,transparent 1px);background-size:30px 30px}.map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.employee-marker,.marker{position:absolute;width:32px;height:32px;border-radius:50%;background:#18a47c;color:#fff;border:4px solid #fff;box-shadow:0 3px 12px #0004;transform:translate(-50%,-50%);transition:all .8s}.employee-marker:after{content:attr(data-name);position:absolute;top:30px;left:50%;transform:translateX(-50%);background:#173e53;color:#fff;padding:3px 6px;border-radius:4px;font-size:10px;white-space:nowrap}.people-list{padding:8px 16px}.person{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.person small{display:block;color:var(--muted)}.timeline{padding:15px;max-height:660px;overflow:auto}.timeline>div{display:flex;gap:12px;padding:10px;border-left:2px solid #b6ddd8}.timeline time{font-size:11px;color:var(--teal)}.timeline small{display:block;color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-hero{background:linear-gradient(145deg,#0e2d43ee,#0e5860ee),repeating-linear-gradient(45deg,#fff1 0 1px,transparent 1px 30px);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12vw}.login-hero .logo{font-weight:900;font-size:42px;letter-spacing:7px;color:#5ed6c8}.login-hero h1{font-size:44px;line-height:1.1;margin:20px 0}.login-hero p{max-width:470px;color:#c8dce3}.login-card{display:flex;align-items:center;justify-content:center;padding:40px}.login-card>div{width:min(380px,100%)}.login-card h2{font-size:30px;margin:8px 0}.login-card p{color:var(--muted)}.login-card label{display:block;margin:16px 0;color:#526875;font-weight:600}.login-card input{display:block;width:100%;margin-top:6px;padding:12px}.login-card .primary{width:100%;padding:13px}.login-card>div>small{display:block;text-align:center;color:#91a1aa;margin-top:20px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.sidebar{transform:translateX(-100%);transition:.2s}.open .sidebar{transform:none}main{margin-left:0}.menu{display:block}header{justify-content:flex-start;gap:20px}.user{margin-left:auto}.grid2,.monitor-grid,.replay-layout{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-hero{display:none}}@media(max-width:650px){.content{padding:14px}.stats{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;gap:15px;flex-direction:column}.form-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{width:100%}header>div:nth-child(2){display:none}}