@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--ink:#162037;--muted:#68728a;--border:#e6e9f0;--panel:#fff;--canvas:#f7f8fb;--primary:#6257e9;--primary-dark:#4c43c6;--green:#18a874;--amber:#e69d2c}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--canvas);font-family:var(--font-inter), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.brand{align-items:center;gap:11px;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-.4px;font-size:17px}.brand small{color:#8991a5;margin-top:2px;font-size:10px}.brand-mark{background:linear-gradient(145deg,#6c61ee,#4c43c6);border-radius:10px;justify-content:center;align-items:flex-end;gap:3px;width:35px;height:35px;padding:8px;display:flex;box-shadow:0 8px 18px #5b4fda47}.brand-mark span{background:#fff;border-radius:4px;width:4px}.brand-mark span:first-child{opacity:.7;height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){opacity:.85;height:13px}.login-page{background:#fff;grid-template-columns:minmax(440px,46%) 1fr;min-height:100vh;display:grid}.login-panel{flex-direction:column;min-height:100vh;padding:38px 9%;display:flex}.login-card-wrap{width:min(420px,100%);margin:auto;padding:48px 0}.eyebrow{color:var(--primary);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #eeecff}.login-card-wrap h1{letter-spacing:-1.7px;margin:18px 0 10px;font-size:clamp(34px,4vw,46px);line-height:1.08}.login-intro{color:var(--muted);margin:0 0 34px;font-size:15px;line-height:1.6}.login-form{gap:22px;display:grid}.field-group{gap:9px;display:grid}.field-group label{font-size:13px;font-weight:650}.label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.label-row span{color:#989fb0;text-align:right;font-size:10px}.field-group input{width:100%;height:50px;color:var(--ink);background:#fbfbfd;border:1px solid #dfe2ea;border-radius:10px;outline:none;padding:0 15px;transition:all .2s}.field-group input::placeholder{color:#a9afbd}.field-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6257e91a}.primary-button{color:#fff;background:linear-gradient(135deg,#6a5fea,#574bd3);border:0;border-radius:10px;min-height:50px;padding:0 20px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 20px #574bd333}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #574bd345}.primary-button.compact{min-height:40px;padding:0 17px;font-size:12px}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.form-error{color:#b42318;background:#fff1f0;border:1px solid #ffd6d2;border-radius:8px;margin:-8px 0 0;padding:10px 12px;font-size:12px}.privacy-note{color:#9299aa;text-align:center;margin:24px 0 0;font-size:11px;line-height:1.6}.login-footer{color:#a1a7b5;margin:0;font-size:11px}.login-visual{color:#fff;isolation:isolate;background:linear-gradient(145deg,#151438,#29235f 56%,#4e45ae);flex-direction:column;justify-content:center;min-height:100vh;padding:9%;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";z-index:-1;border:1px solid #ffffff12;border-radius:50%;position:absolute}.login-visual:before{width:700px;height:700px;top:-310px;left:-180px}.login-visual:after{width:520px;height:520px;bottom:-250px;right:-180px}.visual-glow{filter:blur(100px);opacity:.22;z-index:-1;background:#766aff;width:340px;height:340px;position:absolute;top:12%;right:-80px}.visual-copy{width:min(560px,100%);margin:0 auto 52px}.status-pill{color:#dedcff;background:#ffffff12;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;display:inline-flex}.status-pill i,.live-pill i{background:#49daa8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #49daa81f}.visual-copy h2{letter-spacing:-2.6px;max-width:520px;margin:18px 0 15px;font-size:clamp(38px,5vw,64px);line-height:1.03}.visual-copy p{color:#b9b6db;max-width:500px;margin:0;font-size:15px;line-height:1.7}.preview-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff18;border:1px solid #ffffff24;border-radius:18px;width:min(560px,100%);margin:0 auto;padding:24px;box-shadow:0 28px 70px #05031d59}.preview-heading,.preview-heading>div{justify-content:space-between;align-items:center;display:flex}.preview-heading>div{align-items:baseline;gap:12px}.preview-heading span{color:#c9c6e6;font-size:11px}.preview-heading strong{letter-spacing:-.6px;font-size:23px}.live-pill{background:#2ace941f;border-radius:99px;align-items:center;gap:7px;padding:5px 9px;display:flex;color:#7ce9c1!important}.mini-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.mini-stats div{background:#0b092d40;border-radius:10px;gap:5px;padding:13px;display:grid;position:relative}.mini-stats span{color:#aaa7cc;font-size:10px}.mini-stats strong{font-size:16px}.mini-stats i{border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:10px}.mini-stats .green{background:#44d59f}.mini-stats .amber{background:#f2ad49}.mini-stats .violet{background:#a69cff}.timeline-preview{margin-top:23px}.time-labels{color:#9692ba;justify-content:space-between;margin-bottom:7px;font-size:8px;display:flex}.timeline-bar{background:#0000002e;border-radius:10px;height:8px;display:flex;overflow:hidden}.bar-active{background:#6cd9b2}.bar-active.one{width:22%}.bar-active.two{width:30%}.bar-active.three{width:29%}.bar-idle{background:#e8a546;width:8%}.bar-break{background:#ffffff2b;width:11%}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;height:100vh;padding:25px 19px 19px;display:flex;position:sticky;top:0}.sidebar .brand{border-bottom:1px solid #eef0f5;padding:0 7px 27px}.sidebar nav{padding-top:24px}.nav-label{color:#a0a7b5;letter-spacing:.11em;text-transform:uppercase;margin:0 10px 9px;font-size:9px;font-weight:700}.settings-label{margin-top:27px}.nav-item{color:#6f778a;border-radius:9px;align-items:center;gap:12px;height:40px;padding:0 11px;font-size:12px;font-weight:550;text-decoration:none;display:flex}.nav-item.active{color:#5549d0;background:#f1efff;font-weight:700}.nav-dot{border:1.5px solid;border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}.nav-item.active .nav-dot{background:currentColor;box-shadow:0 0 0 3px #5549d01a}.sidebar-user{border-top:1px solid #eef0f5;grid-template-columns:35px 1fr;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 7px;display:grid;position:relative}.avatar{color:#4e43c4;background:#e8e5ff;border-radius:9px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.sidebar-user>div:nth-child(2){gap:3px;display:grid;overflow:hidden}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-user span{color:#9299a9;font-size:9px}.logout-button{color:#858c9c;text-align:left;background:0 0;border:0;grid-column:1/-1;padding:7px 2px 0;font-size:10px}.logout-button:hover{color:#d14949}.dashboard-main{min-width:0;padding:38px clamp(28px,4vw,62px)}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.breadcrumb{text-transform:uppercase;letter-spacing:.07em;font-weight:650;color:#9ba1b0!important;margin-bottom:11px!important;font-size:10px!important}.dashboard-header h1{letter-spacing:-.8px;margin:0;font-size:27px}.dashboard-header p{color:var(--muted);margin:7px 0 0;font-size:12px}.header-actions{gap:9px;display:flex}.secondary-button{color:#596174;background:#fff;border:1px solid #dfe2e9;border-radius:9px;min-height:40px;padding:0 16px;font-size:11px;font-weight:650}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:13px;gap:14px;min-height:137px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #1c233a06}.metric-card:after{content:"";opacity:.06;background:currentColor;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-30px;right:-25px}.metric-icon{width:33px;height:33px;color:inherit;background:currentColor;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.metric-icon:first-line{color:#fff}.metric-card>div{align-content:start;display:grid}.metric-card span:not(.metric-icon){color:#7d8494;font-size:10px}.metric-card strong{color:var(--ink);letter-spacing:-1px;margin-top:4px;font-size:27px}.metric-card small{color:#a0a6b3;margin-top:6px;font-size:8px;line-height:1.4}.accent-blue{color:#5b68db}.accent-green{color:#23ab79}.accent-amber{color:#e09a32}.accent-slate{color:#7e879b}.empty-dashboard-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;margin-top:18px;display:flex}.empty-illustration{color:#6054df;background:#efedff;border-radius:17px;place-items:center;width:60px;height:60px;margin-bottom:17px;display:grid;box-shadow:0 0 0 8px #f8f7ff}.empty-illustration span{font-size:24px;font-weight:300}.empty-dashboard-card h2{margin:0;font-size:16px}.empty-dashboard-card p{max-width:390px;color:var(--muted);margin:8px 0 20px;font-size:11px;line-height:1.6}.employee-status-card{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:45px 1fr auto;align-items:center;gap:17px;padding:24px;display:grid}.employee-status-card .metric-icon{color:#6257e9;background:#eeecff;width:45px;height:45px}.employee-status-card>div{gap:3px;display:grid}.employee-status-card span{color:var(--muted);font-size:11px}.employee-status-card strong{font-size:25px}.employee-status-card p{color:#969dac;margin:4px 0 0;font-size:10px}.setup-badge{background:#fff3dc;border-radius:99px;padding:7px 10px;font-weight:700;color:#a56a12!important}.employee-toolbar{justify-content:space-between;gap:16px;margin-bottom:15px;display:flex}.search-box{color:#939aaa;background:#fff;border:1px solid #e0e3ea;border-radius:9px;align-items:center;gap:9px;width:min(330px,100%);height:40px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.action-message{color:#5549c9;background:#f4f2ff;border:1px solid #dcd8ff;border-radius:8px;margin:0 0 12px;padding:10px 13px;font-size:11px}.employee-table-card{border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 6px 20px #1c233a06}.table-summary{color:#808797;border-bottom:1px solid #eceef3;justify-content:space-between;align-items:center;height:52px;padding:0 19px;font-size:10px;display:flex}.table-summary strong{color:var(--ink);font-size:13px}.table-scroll{overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:760px}.employee-table th{color:#9ba1af;letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#fafbfc;border-bottom:1px solid #eceef3;height:40px;padding:0 17px;font-size:9px}.employee-table td{border-bottom:1px solid #f0f1f5;height:67px;padding:0 17px;font-size:10px}.employee-table tr:last-child td{border-bottom:0}.employee-identity{align-items:center;gap:11px;display:flex}.table-avatar{color:#5448c7;background:#eeecff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.employee-identity div{gap:4px;display:grid}.employee-identity strong{font-size:11px}.employee-identity div span{color:#9298a6;font-size:9px}.status-badge{border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.active{color:#19865f;background:#e9f8f2}.status-badge.inactive,.status-badge.revoked{color:#7e8594;background:#eff1f4}.text-button{color:#584dd0;background:0 0;border:0;padding:0;font-size:10px;font-weight:650}.muted-cell{color:#858c9b}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button{color:#646c7c;background:#f4f5f8;border:0;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:650}.row-actions .danger-text{color:#b83d42;background:#fff1f1}.row-actions .success-text{color:#17825c;background:#eaf8f2}.empty-row{color:#949aa8;text-align:center;height:130px!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f112085;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ffffff59;border-radius:15px;width:min(470px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 30px 80px #0c0e2347}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.modal-kicker{color:#6a5ede;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.modal-header h2{letter-spacing:-.5px;margin:6px 0 0;font-size:20px}.close-button{color:#858c9b;background:#f1f2f6;border:0;border-radius:8px;width:30px;height:30px;font-size:18px}.employee-form{gap:17px;display:grid}.employee-form label{color:#4d5566;gap:8px;font-size:10px;font-weight:700;display:grid}.employee-form input{height:43px;color:var(--ink);background:#fbfbfd;border:1px solid #dfe2e9;border-radius:8px;outline:0;padding:0 12px;font-size:11px}.employee-form input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6257e917}.employee-form small{color:#999fad;font-size:8px;font-weight:450;line-height:1.5}.optional-label{color:#9ba1ae;font-weight:450}.modal-actions{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.modal-actions .secondary-button{min-height:40px}.device-modal{width:min(650px,100%)}.modal-loading,.modal-empty{color:#8c93a2;text-align:center;padding:45px 10px;font-size:11px}.modal-empty strong{color:var(--ink);font-size:13px}.modal-empty p{margin:7px 0 0}.device-list{gap:9px;display:grid}.device-row{border:1px solid #e8eaf0;border-radius:10px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:11px;padding:13px;display:grid}.device-icon{color:#5c50d4;background:#efedff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.device-row>div{gap:3px;display:grid}.device-row strong{font-size:11px}.device-row div span,.device-row small{color:#9097a6;font-size:8px}.danger-outline{color:#b83d42;background:#fff8f8;border:1px solid #f0cdd0;border-radius:7px;height:29px;padding:0 9px;font-size:9px;font-weight:700}.screenshot-filter{align-items:end;gap:8px;display:flex}.screenshot-filter label{color:#858c9b;text-transform:uppercase;letter-spacing:.05em;gap:6px;font-size:9px;font-weight:700;display:grid}.screenshot-filter select{min-width:190px;height:40px;color:var(--ink);background:#fff;border:1px solid #dfe2e9;border-radius:9px;padding:0 11px;font-size:11px}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;display:grid}.screenshot-card{color:inherit;border:1px solid var(--border);background:#fff;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 5px 18px #1c233a08}.screenshot-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1c233a1a}.screenshot-card img{aspect-ratio:16/10;object-fit:cover;background:#e9ebf0;width:100%;display:block}.screenshot-card>div{align-items:center;gap:9px;padding:12px 13px;display:flex}.screenshot-card strong{font-size:11px}.screenshot-card span{color:#6c7383;font-size:9px}.screenshot-card small{color:#9a661a;background:#fff3dc;border-radius:99px;margin-left:auto;padding:4px 6px;font-size:7px;font-weight:700}.timeline-header{align-items:flex-end}.timeline-filter{align-items:end;gap:8px;display:flex}.timeline-filter label{color:#858c9b;text-transform:uppercase;letter-spacing:.05em;gap:6px;font-size:9px;font-weight:700;display:grid}.timeline-filter select,.timeline-filter input{min-width:155px;height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:9px;padding:0 11px;font-size:11px}.timeline-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.timeline-metrics article{border:1px solid var(--border);background:#fff;border-radius:12px;align-content:center;gap:7px;min-height:102px;padding:20px;display:grid;box-shadow:0 5px 18px #1c233a06}.timeline-metrics span{color:#858c9b;font-size:10px}.timeline-metrics strong{letter-spacing:-.6px;font-size:23px}.timeline-panel{border:1px solid var(--border);background:#fff;border-radius:13px;padding:21px;box-shadow:0 5px 18px #1c233a06}.section-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:14px}.section-heading p{color:#9299a9;margin:5px 0 0;font-size:9px}.section-heading>span{color:#858c9b;font-size:9px}.hour-strip{border-bottom:1px solid #edf0f4;grid-template-columns:repeat(24,minmax(10px,1fr));align-items:end;gap:3px;height:106px;padding:9px 0 22px;display:grid}.hour-cell{background:#f2f3f6;border-radius:4px 4px 2px 2px;align-items:end;height:76px;display:flex;position:relative}.hour-cell>span{border-radius:inherit;background:#d9dce4;width:100%;min-height:2px;transition:height .2s}.hour-cell.tracked>span{background:linear-gradient(#6a60e3,#8e86ee)}.hour-cell small{color:#969dac;font-size:7px;position:absolute;bottom:-18px;left:0}.hour-cell>i{background:#efac42;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:-5px;right:50%;transform:translate(50%);box-shadow:0 0 0 2px #efac4233}.timeline-legend{color:#8d94a3;gap:16px;margin-top:13px;font-size:8px;display:flex}.timeline-legend span{align-items:center;gap:6px;display:flex}.timeline-legend i{border-radius:2px;width:7px;height:7px}.active-key{background:#7065e5}.idle-key{background:#d9dce4}.shot-key{background:#efac42;border-radius:50%!important}.timeline-detail-grid{grid-template-columns:1.1fr .9fr;gap:15px;margin-top:15px;display:grid}.session-list{gap:8px;display:grid}.session-list article{border:1px solid #eceef3;border-radius:9px;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;padding:12px 13px;display:grid}.session-list article>i{background:#50bd94;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e9f8f2}.session-list article div{gap:3px;display:grid}.session-list strong{font-size:10px}.session-list span{color:#8b92a0;font-size:8px}.session-list small{color:#9a661a;font-size:8px}.composition-bar{background:#eceef3;border-radius:99px;height:12px;margin:10px 0 19px;overflow:hidden}.composition-active{border-radius:inherit;background:linear-gradient(90deg,#665ae0,#8d84ee);height:100%;display:block}.composition-list{gap:10px;margin:0;display:grid}.composition-list>div{border-bottom:1px solid #eff1f4;justify-content:space-between;padding-bottom:9px;display:flex}.composition-list>div:last-child{border-bottom:0}.composition-list dt{color:#858c9b;font-size:9px}.composition-list dd{margin:0;font-size:10px;font-weight:700}.timeline-screenshots{margin-top:15px}.timeline-empty{min-height:240px;margin-top:15px}.application-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.application-metrics article{border:1px solid var(--border);background:#fff;border-radius:12px;align-content:center;gap:7px;min-height:102px;padding:20px;display:grid;box-shadow:0 5px 18px #1c233a06}.application-metrics span{color:#858c9b;font-size:10px}.application-metrics strong{letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap;font-size:23px;overflow:hidden}.application-metrics .top-app-name{letter-spacing:-.3px;font-size:17px}.application-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:15px;display:grid}.application-list{gap:8px;display:grid}.application-list article{border:1px solid #eceef3;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.application-avatar{color:#5b50cf;background:#eeecff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:800;display:grid}.application-details{gap:9px;min-width:0;display:grid}.application-details>div:first-child{justify-content:space-between;gap:10px;display:flex}.application-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.application-details small{color:#969dac;font-size:8px}.application-bar{background:#eceef3;border-radius:99px;height:5px;overflow:hidden}.application-bar span{border-radius:inherit;background:linear-gradient(90deg,#665ae0,#938af0);height:100%;display:block}.application-duration{justify-items:end;gap:3px;display:grid}.application-duration strong{font-size:10px}.application-duration span{color:#9299a9;font-size:8px}.application-segments{gap:7px;display:grid}.application-segments article{border-bottom:1px solid #eff1f4;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:10px 2px;display:grid}.application-segments article:last-child{border-bottom:0}.application-segments i{background:#7166e4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #efedff}.application-segments div{justify-content:space-between;gap:8px;min-width:0;display:flex}.application-segments strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.application-segments span{color:#858c9b;font-size:8px}.application-segments small{color:#9a661a;font-size:7px}@media (max-width:980px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100vh}.login-visual{display:none}.metric-grid,.timeline-metrics,.application-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.application-layout,.timeline-detail-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:20px 12px}.sidebar .brand{justify-content:center;padding:0 0 21px}.sidebar .brand>span:last-child,.nav-label,.nav-item:not(.active),.sidebar-user>div:nth-child(2),.logout-button{display:none}.nav-item.active{justify-content:center;padding:0;font-size:0}.sidebar-user{justify-content:center;padding:14px 0 0;display:flex}.dashboard-main{padding:27px 20px}.dashboard-header{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.employee-status-card{grid-template-columns:45px 1fr}.setup-badge{grid-column:2;justify-self:start}.employee-toolbar{flex-direction:column;align-items:stretch}.screenshot-filter,.timeline-filter{flex-direction:column;align-items:stretch;width:100%}.search-box{width:100%}.device-row{grid-template-columns:38px 1fr}.device-row>.status-badge,.device-row>.danger-outline{grid-column:2;justify-self:start}}