:root{--ink:#2a1710;--brown:#6f3d25;--coffee:#965b36;--cream:#f5efe5;--paper:#fffdf8;--line:#dfd5c8;--muted:#7d7068;--green:#2f6f50;--shadow:0 18px 50px #331c121a}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{color:inherit}main{min-height:100vh;padding-bottom:92px;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f5efe5eb;border-bottom:1px solid #4b2a1b21;justify-content:space-between;align-items:center;height:76px;padding:0 6vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:flex}.brandMark{width:40px;height:40px;color:var(--cream);background:var(--ink);border-radius:50%;place-items:center;display:grid}.brand strong,.brand span{line-height:1;display:block}.brand strong{font-size:16px}.brand span{letter-spacing:.31em;color:var(--coffee);margin-top:4px;font-size:9px}.syncBadge{letter-spacing:.04em;text-transform:uppercase;color:#806f65;border:1px solid var(--line);background:#ffffff73;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.syncBadge.online{color:var(--green)}.pulse{background:#a28f82;border-radius:50%;width:7px;height:7px}.online .pulse{background:#3e8b66;box-shadow:0 0 0 4px #3e8b6621}.pageShell{max-width:1180px;margin:0 auto}.hero{padding:70px 32px 42px;position:relative}.hero:after{content:"D";color:#6f3d250b;pointer-events:none;font-family:Georgia,serif;font-size:280px;line-height:1;position:absolute;top:-40px;right:2%}.eyebrow{color:var(--coffee);align-items:center;gap:12px;display:flex}.eyebrow span{background:currentColor;width:32px;height:1px}.eyebrow p{letter-spacing:.22em;margin:0;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;max-width:700px;margin:18px 0;font-size:clamp(44px,7vw,82px);line-height:.98}h1 em{color:var(--coffee);font-family:Playfair Display,Georgia,serif;font-weight:600}.heroCopy{color:var(--muted);max-width:470px;margin:0;font-size:15px;line-height:1.7}.clockCard{background:var(--paper);border:1px solid #532f1f1f;border-radius:18px;align-items:center;gap:15px;min-width:340px;margin-top:36px;padding:15px 18px;display:inline-flex;box-shadow:0 12px 35px #331c1212}.clockIcon{width:47px;height:47px;color:var(--coffee);background:#efe3d2;border-radius:13px;place-items:center;display:grid}.clockCard time{letter-spacing:.04em;font-size:22px;font-weight:700;display:block}.clockCard p{color:var(--muted);text-transform:capitalize;margin:2px 0 0;font-size:12px}.zone{color:var(--coffee);background:#efe3d2;border-radius:6px;align-self:flex-start;margin-left:auto;padding:5px 7px;font-size:9px;font-weight:700}.punctualityCard{border:1px solid var(--line);background:#fffdf8a8;border-radius:13px;align-items:center;gap:10px;margin-top:11px;padding:11px 13px;display:inline-flex}.punctualityDot{background:#9a887c;border-radius:50%;flex:none;width:9px;height:9px}.punctualityCard strong,.punctualityCard span,.punctualityCard small{display:block}.punctualityCard strong{font-size:12px}.punctualityCard span{color:var(--muted);margin-top:2px;font-size:10px}.punctualityCard small{color:var(--coffee);letter-spacing:.08em;margin-left:8px;font-size:9px;font-weight:700}.punctualityCard.onTime{color:var(--green);background:#2f6f5012;border-color:#2f6f5033}.punctualityCard.onTime .punctualityDot{background:var(--green);box-shadow:0 0 0 4px #2f6f501f}.punctualityCard.late{color:#a44335;background:#a4433512;border-color:#a4433538}.punctualityCard.late .punctualityDot{background:#a44335;box-shadow:0 0 0 4px #a443351f}.punctualityCard.scheduled .punctualityDot{background:var(--coffee)}.contentGrid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:54px;padding:16px 32px 70px;display:grid}.sectionHeading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.sectionHeading>div{align-items:center;gap:10px;display:flex}.sectionHeading span{color:var(--coffee);letter-spacing:.08em;font-size:10px;font-weight:700}.sectionHeading h2{letter-spacing:-.025em;margin:0;font-size:19px}.sectionHeading>p{color:var(--muted);margin:0;font-size:11px}.identityCard{border:1px solid var(--line);background:#fffdf89e;border-radius:20px;grid-template-columns:1.4fr .8fr;gap:13px;padding:20px;display:grid}label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px 2px;font-size:10px;font-weight:700;display:block}.inputWrap{background:var(--paper);color:#a58d7e;border:1px solid #d6c9bb;border-radius:12px;align-items:center;gap:10px;height:50px;padding:0 14px;transition:all .2s;display:flex}.inputWrap:focus-within{border-color:var(--coffee);box-shadow:0 0 0 3px #965b361a}.inputWrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.inputWrap input::placeholder{color:#b5a69b}.idInput{gap:0;padding-left:0;overflow:hidden}.idInput b{border-right:1px solid var(--line);color:var(--coffee);letter-spacing:.08em;background:#f2e9dc;align-self:stretch;align-items:center;padding:0 11px;font-size:12px;display:flex}.idInput input{padding-left:11px}.attendanceHeading{margin-top:34px}.attendanceCards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.attendanceCard{text-align:left;cursor:pointer;border:0;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:205px;padding:21px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.attendanceCard:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-3px)}.attendanceCard:disabled{cursor:default;opacity:.78}.attendanceCard:after{content:"";border:35px solid #ffffff0f;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-65px;right:-35px}.checkin{background:var(--ink);color:var(--cream)}.checkout{color:#fffaf2;background:#b9774c}.attendanceCard.done{background:var(--green)}.actionTop{justify-content:space-between;display:flex}.actionIcon{background:#ffffff1f;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.actionArrow{opacity:.65;margin-top:7px}.attendanceCard small{letter-spacing:.18em;opacity:.64;font-size:9px;font-weight:700}.attendanceCard h3{letter-spacing:-.04em;margin:6px 0 3px;font-size:27px}.attendanceCard p{opacity:.7;margin:0;font-size:11px}aside{padding-top:2px}.sectionHeading.compact{min-height:26px}.sectionHeading.compact span{background:#e7d7c4;border-radius:4px;padding:4px 6px}.locationCard{border:1px solid var(--line);background:var(--paper);border-radius:20px;overflow:hidden}.mapPattern{background-color:#e7dccd;background-image:linear-gradient(30deg,#0000 42%,#fff9 43% 47%,#0000 48%),linear-gradient(120deg,#0000 45%,#846f5d21 46% 48%,#0000 49%);background-size:85px 85px,65px 65px;height:145px;position:relative}.mapPattern:after{content:"";background:radial-gradient(circle,#0000,#6f3d251f);position:absolute;inset:0}.mapPin{z-index:1;background:var(--coffee);color:#fff;border-radius:50% 50% 50% 8px;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:42px;left:calc(50% - 25px);transform:rotate(-45deg);box-shadow:0 9px 18px #40221740}.mapPin svg{transform:rotate(45deg)}.locationInfo{padding:18px}.locationInfo>div{align-items:center;gap:8px;display:flex}.statusDot{background:#ad8d7b;border-radius:50%;width:8px;height:8px}.ready .statusDot{background:var(--green);box-shadow:0 0 0 4px #2f6f501f}.locationInfo strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.locationInfo p{color:var(--muted);margin:8px 0 3px;font-size:11px}.locationInfo small{color:#a68f81;font-size:10px}.locationInfo button{border:1px solid var(--line);cursor:pointer;background:#f6f0e7;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:15px;padding:10px;font-size:11px;font-weight:700;display:flex}.privacyNote{color:var(--green);background:#2f6f5014;border:1px solid #2f6f501f;border-radius:16px;gap:12px;margin-top:14px;padding:17px;display:flex}.privacyNote p{margin:0}.privacyNote strong,.privacyNote span{display:block}.privacyNote strong{font-size:12px}.privacyNote span{color:#65746a;margin-top:3px;font-size:10px;line-height:1.5}.bottomNav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2a1710f2;border:1px solid #ffffff1f;border-radius:20px;gap:5px;padding:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #1c0e0a47}.bottomNav button{color:#b9aaa1;cursor:pointer;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.bottomNav button.active{color:var(--ink);background:#f3e7d7}.innerPage{min-height:calc(100vh - 150px);padding:80px 32px}.innerPage h1{margin-bottom:16px}.emptyState{text-align:center;border:1px dashed #cdbdac;border-radius:24px;max-width:550px;margin:65px auto 0;padding:55px 20px}.emptyState>div{width:62px;height:62px;color:var(--coffee);background:#eadcca;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.emptyState h2{margin:0 0 6px;font-size:20px}.emptyState p{color:var(--muted);margin:0;font-size:13px}.historyList{gap:10px;max-width:780px;margin-top:45px;display:grid}.historyList article{border:1px solid var(--line);background:#fffdf8b8;border-radius:18px;grid-template-columns:68px 1fr 44px;align-items:center;gap:16px;padding:12px;display:grid}.historyList img{object-fit:cover;border-radius:13px;width:68px;height:68px}.historyMain>div{gap:7px;display:flex}.typePill,.syncLabel{letter-spacing:.08em;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.statusLabel{color:var(--green);background:#2f6f501a;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.statusLabel.late{color:#a44335;background:#a443351a}.typePill.masuk{color:var(--green);background:#2f6f501a}.typePill.pulang{color:var(--coffee);background:#965b361a}.syncLabel{color:var(--muted);background:#eee6db}.historyMain h3{margin:7px 0 2px;font-size:15px}.historyMain p{color:var(--muted);margin:0;font-size:11px}.historyList a{width:40px;height:40px;color:var(--coffee);background:#efe4d7;border-radius:11px;place-items:center;display:grid}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;display:grid}.steps article{border:1px solid var(--line);background:var(--paper);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px;display:flex}.steps article>span{color:#d0b79e;font-family:Georgia,serif;font-size:38px}.steps h3{margin:0 0 8px;font-size:18px}.steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.helpBox{background:var(--ink);max-width:650px;color:var(--cream);border-radius:18px;gap:16px;margin-top:18px;padding:21px;display:flex}.helpBox h3{margin:0 0 4px;font-size:14px}.helpBox p{color:#c5b5aa;margin:0;font-size:11px;line-height:1.5}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140a07bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cameraModal{background:var(--paper);border-radius:26px;width:min(460px,100%);max-height:calc(100vh - 30px);padding:19px;overflow-y:auto;box-shadow:0 30px 90px #00000059}.modalHeader{justify-content:space-between;align-items:center;margin:2px 2px 15px;display:flex}.modalHeader small{color:var(--coffee);letter-spacing:.14em;font-size:9px;font-weight:700;display:block}.modalHeader h2{margin:3px 0 0;font-size:22px}.modalHeader button{border:1px solid var(--line);cursor:pointer;background:#f5eee5;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.cameraFrame{aspect-ratio:3/4;background:#211711;border-radius:20px;position:relative;overflow:hidden}.cameraFrame video,.cameraFrame img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.cameraFrame img{transform:none}.faceGuide{pointer-events:none;border:1.5px dashed #ffffffa6;border-radius:48%;width:60%;height:57%;position:absolute;top:13%;left:20%;box-shadow:0 0 0 100vw #0000001f}.liveBadge{color:#fff;letter-spacing:.09em;background:#140a0794;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.liveBadge i{background:#e14a42;border-radius:50%;width:6px;height:6px}.cameraMeta{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.cameraMeta span{align-items:center;gap:5px;display:flex}.cameraHint{text-align:center;color:var(--muted);margin:16px 0 14px;font-size:11px}.shutter{border:2px solid var(--coffee);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 2px;padding:5px;display:grid}.shutter span{background:var(--coffee);border-radius:50%;width:50px;height:50px;transition:transform .15s}.shutter:active span{transform:scale(.88)}.confirmActions{grid-template-columns:.65fr 1.35fr;gap:10px;display:grid}.confirmActions button{cursor:pointer;border-radius:12px;height:48px;font-size:12px;font-weight:700}.confirmActions .secondary{border:1px solid var(--line);background:#f1e9de}.confirmActions .primary{color:#fff;background:var(--coffee);border:0}.confirmActions button:disabled{opacity:.55;cursor:wait}.toast{z-index:150;color:#fff;max-width:min(390px,100vw - 32px);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:10px;padding:14px 17px;font-size:12px;font-weight:600;animation:.25s ease-out slideIn;display:flex;position:fixed;top:92px;right:24px}.toast.success{background:var(--green)}.toast.error{background:#a44335}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}}@media (max-width:780px){.topbar{height:67px;padding:0 18px}.brandMark{width:36px;height:36px}.syncBadge{padding:7px 9px;font-size:9px}.hero{padding:45px 20px 28px}.hero:after{font-size:180px;top:-5px;right:-35px}h1{font-size:47px}.heroCopy{max-width:330px;font-size:13px}.clockCard{width:100%;min-width:0;margin-top:27px}.contentGrid{flex-direction:column;gap:32px;padding:12px 20px 45px;display:flex}.identityCard{grid-template-columns:1fr;padding:15px}.sectionHeading>p{display:none}.attendanceCards{gap:10px}.attendanceCard{min-height:180px;padding:17px}.attendanceCard h3{font-size:21px}.actionIcon{width:39px;height:39px}.locationCard{grid-template-columns:.8fr 1.2fr;display:grid}.mapPattern{height:100%;min-height:175px}.locationInfo{padding:15px}.bottomNav{width:calc(100% - 30px);bottom:10px}.bottomNav button{flex:1;width:auto;padding:10px 5px}.innerPage{padding:52px 20px}.steps{grid-template-columns:1fr;gap:10px;margin-top:35px}.steps article{min-height:160px}.historyList article{grid-template-columns:58px 1fr 40px;gap:12px}.historyList img{width:58px;height:58px}.toast{top:78px;left:16px;right:auto}}@media (max-width:390px){h1{font-size:41px}.attendanceCards{grid-template-columns:1fr}.attendanceCard{min-height:154px}.locationCard{grid-template-columns:1fr}.mapPattern{min-height:130px}.bottomNav span{display:none}.bottomNav button{padding:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--mg-surface:#fcf9f8;--mg-card:#fff;--mg-ink:#1c1b1b;--mg-muted:#6f6462;--mg-primary:#40000d;--mg-primary-2:#630b1d;--mg-brown:#2f1408;--mg-line:#e0dcd8;--mg-soft:#f0eded;--mg-green:#277052;--mg-red:#ba1a1a;--mg-amber:#9a6200;--mg-shadow:0 14px 45px #2f140814}.mg-staff-shell,.mg-hr-shell{min-height:100vh;color:var(--mg-ink);background:var(--mg-surface);font-family:Hanken Grotesk,sans-serif}.mg-staff-shell h1,.mg-staff-shell h2,.mg-staff-shell h3,.mg-hr-shell h1,.mg-hr-shell h2,.mg-hr-shell h3{font-family:Bricolage Grotesque,sans-serif}.mg-brand{align-items:center;gap:10px;display:flex}.mg-brand>span{background:var(--mg-primary);color:#fff;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.mg-logo-mark{overflow:hidden}.mg-logo-mark img{object-fit:contain;width:31px;height:31px;display:block}.mg-brand b,.mg-brand small{line-height:1;display:block}.mg-brand b{letter-spacing:.06em;font:800 15px/1 Bricolage Grotesque}.mg-brand small{letter-spacing:.19em;color:var(--mg-primary-2);margin-top:5px;font-size:12px}.mg-staff-topbar{z-index:30;border-bottom:1px solid var(--mg-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcf9f8eb;justify-content:space-between;align-items:center;height:68px;padding:0 max(16px,50vw - 380px);display:flex;position:sticky;top:0}.mg-top-actions,.mg-hr-actions{align-items:center;gap:9px;display:flex}.mg-live-chip{color:var(--mg-muted);white-space:nowrap;background:#eeeae8;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:750;display:inline-flex}.mg-live-chip>i{background:#a69b96;border-radius:50%;width:6px;height:6px}.mg-live-chip.online{color:var(--mg-green);background:#dcefe6}.mg-live-chip.online>i{background:var(--mg-green);box-shadow:0 0 0 3px #1f7a561f}.mg-icon-button{border:1px solid var(--mg-line);cursor:pointer;background:#fff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid;position:relative}.mg-icon-button i{background:var(--mg-red);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font:700 13px/1 sans-serif;display:grid;position:absolute;top:-4px;right:-3px}.mg-avatar{width:39px;height:39px;color:var(--mg-primary);background:#e7d5ce;border:0;border-radius:50%;font-weight:800}.mg-staff-main{width:min(100%,760px);margin:0 auto;padding:0 16px 104px}.mg-staff-hero{padding:34px 4px 22px;position:relative;overflow:hidden}.mg-staff-hero:after{content:"";border:44px solid #40000d09;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-70px}.mg-staff-hero>p{color:var(--mg-muted);text-transform:capitalize;margin:0;font-size:12px}.mg-staff-hero h1{letter-spacing:-.04em;margin:8px 0 18px;font-size:34px;line-height:1.04}.mg-staff-hero h1 span{color:var(--mg-primary-2);display:block}.mg-clock-row{align-items:center;gap:8px;display:flex}.mg-clock-row strong{letter-spacing:.04em;font-size:23px}.mg-clock-row span{color:var(--mg-primary);background:#eadbd8;border-radius:7px;padding:4px 7px;font-size:13px;font-weight:800}.mg-shift-card{background:var(--mg-primary);color:#fff;border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 20px 50px #40000d33}.mg-shift-card:after{content:"";pointer-events:none;border:34px solid #ffffff0b;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-100px;right:-70px}.mg-shift-head,.mg-shift-meta,.mg-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.mg-shift-head>span,.mg-section-title>div>span,.mg-subpage>header>span,.mg-page-intro span,.mg-panel-head span{letter-spacing:.17em;text-transform:uppercase;font-size:13px;font-weight:700}.mg-pill,.mg-status{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:13px;font-weight:700;display:inline-flex}.mg-pill.success,.mg-status.success{color:#176144;background:#dcefe6}.mg-pill.late{color:#93000a;background:#ffdad6}.mg-pill.pending,.mg-status.pending{color:#835600;background:#fff0cc}.mg-shift-time{align-items:center;gap:13px;margin:25px 0 8px;display:flex}.mg-shift-time strong{letter-spacing:-.04em;font:800 38px/1 Bricolage Grotesque}.mg-shift-time i{background:#fff6;width:28px;height:1px}.mg-shift-meta{color:#dac8c9;font-size:14px}.mg-shift-meta button{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font:700 14px Hanken Grotesk;display:flex}.mg-shift-meta button.outside{color:#ffd0cc}.mg-attendance-warning{z-index:1;color:#fff0ee;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:14px;font-weight:700;display:flex;position:relative}.mg-attendance-actions{z-index:1;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;display:grid;position:relative}.mg-attendance-actions button{text-align:left;min-height:66px;color:var(--mg-primary);cursor:pointer;background:#fff;border:0;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.mg-attendance-actions button.secondary{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.mg-attendance-actions button:disabled{cursor:default;opacity:.72}.mg-attendance-actions b,.mg-attendance-actions small{display:block}.mg-attendance-actions b{font-size:12px}.mg-attendance-actions small{opacity:.68;margin-top:2px;font-size:13px}.mg-section{margin-top:31px}.mg-section-title{margin-bottom:14px}.mg-section-title h2{letter-spacing:-.03em;margin:3px 0 0;font-size:20px}.mg-section-title>div>span{color:var(--mg-primary-2)}.mg-section-title>b,.mg-section-title>button{color:var(--mg-primary-2);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}.mg-timeline{border:1px solid var(--mg-line);background:#fff;border-radius:17px;padding:18px}.mg-timeline article{gap:12px;min-height:48px;display:flex;position:relative}.mg-timeline article:not(:last-child):after{content:"";background:var(--mg-line);width:1px;height:29px;position:absolute;top:21px;left:9px}.mg-timeline article>i{color:#fff;border:2px solid #c6bdb9;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.mg-timeline .done>i{background:var(--mg-green);border-color:var(--mg-green)}.mg-timeline .active>i{background:var(--mg-primary);border:5px solid #d5b6bc}.mg-timeline b,.mg-timeline span{display:block}.mg-timeline b{font-size:12px}.mg-timeline span{color:var(--mg-muted);margin-top:2px;font-size:14px}.mg-stat-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mg-stat-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;min-height:115px;padding:15px}.mg-stat-grid svg{color:var(--mg-primary-2)}.mg-stat-grid strong,.mg-stat-grid span{display:block}.mg-stat-grid strong{margin-top:15px;font:700 22px/1 Bricolage Grotesque}.mg-stat-grid span{color:var(--mg-muted);margin-top:5px;font-size:13px}.mg-week-preview{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mg-week-preview article{text-align:center;border:1px solid var(--mg-line);background:#fff;border-radius:14px;padding:12px 5px}.mg-week-preview article.active{background:var(--mg-primary);color:#fff;border-color:var(--mg-primary)}.mg-week-preview span,.mg-week-preview strong,.mg-week-preview small{display:block}.mg-week-preview span{font-size:13px}.mg-week-preview strong{margin:4px 0;font:700 21px Bricolage Grotesque}.mg-week-preview small{white-space:nowrap;font-size:12px}.mg-feature-row{grid-template-columns:1fr 1fr;gap:11px;margin-top:31px;display:grid}.mg-feature{border:1px solid var(--mg-line);background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px;display:flex}.mg-feature.burgundy{background:var(--mg-primary-2);color:#fff}.mg-feature span{letter-spacing:.14em;font-size:12px;font-weight:700}.mg-feature h3{margin:10px 0 7px;font-size:20px}.mg-feature p{color:var(--mg-muted);margin:0;font-size:14px;line-height:1.5}.mg-feature.burgundy p{color:#d8c1c4}.mg-feature button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;display:flex}.mg-progress{background:#e7dfdc;border-radius:999px;height:6px;overflow:hidden}.mg-progress i{border-radius:inherit;background:var(--mg-primary-2);height:100%;display:block}.mg-staff-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2f1408f5;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:repeat(5,1fr);width:min(100% - 22px,730px);padding:6px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #2f140847}.mg-staff-nav button{color:#bfaeaa;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;font-size:12px;display:flex}.mg-staff-nav button.active{color:var(--mg-primary);background:#fff5f4}.mg-subpage{padding:36px 0 30px}.mg-subpage>header{margin-bottom:25px}.mg-subpage>header>span{color:var(--mg-primary-2)}.mg-subpage>header h1{letter-spacing:-.04em;margin:6px 0;font-size:36px}.mg-subpage>header p{color:var(--mg-muted);margin:0;font-size:12px;line-height:1.5}.mg-schedule-list,.mg-swap-list,.mg-module-list{gap:9px;display:grid}.mg-schedule-list article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:14px;display:grid;position:relative}.mg-schedule-list article.active{box-shadow:inset 4px 0 var(--mg-primary);border-color:#9c6f77}.mg-datebox{text-align:center;background:var(--mg-soft);border-radius:11px;padding:7px}.mg-datebox span,.mg-datebox b{display:block}.mg-datebox span{font-size:13px}.mg-datebox b{font:700 19px Bricolage Grotesque}.mg-schedule-list h3{margin:0;font-size:15px}.mg-schedule-list p{color:var(--mg-muted);margin:3px 0 0;font-size:14px}.mg-schedule-list button,.mg-swap-list button,.mg-module-list button{color:var(--mg-primary);cursor:pointer;background:#fff;border:1px solid #d4c5c4;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:700}.mg-schedule-list button{align-items:center;gap:4px;display:flex}.mg-warning{color:var(--mg-amber);font-size:12px;position:absolute;top:6px;right:8px}.mg-info-card{color:var(--mg-primary);background:#eee4df;border-radius:15px;gap:12px;margin-top:15px;padding:16px;display:flex}.mg-info-card b{font-size:12px}.mg-info-card p{color:var(--mg-muted);margin:3px 0 0;font-size:14px}.mg-active-request{background:var(--mg-primary);color:#fff;border-radius:18px;margin-bottom:25px;padding:19px}.mg-active-request h3{margin:14px 0 4px;font-size:17px}.mg-active-request p{color:#d8c1c4;font-size:14px}.mg-active-request button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.mg-list-heading{margin:0 0 12px;font-size:18px}.mg-swap-list article,.mg-module-list article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.mg-person-avatar{width:42px;height:42px;color:var(--mg-primary);background:#eadbd8;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.mg-swap-list h3,.mg-module-list h3{margin:0;font-size:13px}.mg-swap-list p,.mg-module-list p{color:var(--mg-muted);margin:2px 0;font-size:13px}.mg-swap-list b{color:var(--mg-primary-2);font-size:14px}.mg-swap-history{margin-top:28px}.mg-swap-history h2{font-size:18px}.mg-swap-history article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.mg-swap-history b{font-size:14px}.mg-swap-history p{color:var(--mg-muted);margin:3px 0 0;font-size:13px}.mg-learning-hero{background:var(--mg-primary-2);color:#fff;border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:21px;display:flex}.mg-learning-hero small,.mg-learning-hero strong,.mg-learning-hero p{display:block}.mg-learning-hero small{letter-spacing:.12em;font-size:12px}.mg-learning-hero strong{margin-top:5px;font:800 34px Bricolage Grotesque}.mg-learning-hero p{color:#d8c1c4;margin:0;font-size:13px}.mg-ring{border:7px solid #aa717b;border-top-color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.mg-ring span{font-size:14px;font-weight:700}.mg-module-icon{width:42px;height:42px;color:var(--mg-primary);background:#efe5e2;border-radius:12px;place-items:center;display:grid}.mg-module-list .mg-progress{width:100%;height:4px;margin-top:8px}.mg-module-list button:disabled{color:var(--mg-green);background:#e2f0e9;border:0}.mg-profile-head{align-items:center;gap:16px;padding:42px 0 25px;display:flex}.mg-profile-avatar{background:var(--mg-primary);color:#fff;border-radius:24px;place-items:center;width:74px;height:74px;font:800 24px Bricolage Grotesque;display:grid}.mg-profile-head h1{margin:0;font-size:30px}.mg-profile-head p{color:var(--mg-muted);margin:3px 0 8px;font-size:14px}.mg-profile-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mg-profile-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:15px;padding:16px}.mg-profile-grid span,.mg-profile-grid strong,.mg-profile-grid p{display:block}.mg-profile-grid span{color:var(--mg-muted);font-size:13px}.mg-profile-grid strong{margin-top:7px;font:700 22px Bricolage Grotesque}.mg-profile-grid p{color:var(--mg-green);margin:2px 0 0;font-size:12px}.mg-profile-card{border:1px solid var(--mg-line);background:#fff;border-radius:17px;margin-top:13px;padding:18px}.mg-profile-card h2{margin:0 0 14px;font-size:17px}.mg-profile-card>div{border-top:1px solid #eee8e5;align-items:center;gap:9px;padding:9px 0;font-size:14px;display:flex}.mg-profile-card>div i{width:20px;height:20px;color:var(--mg-green);background:#dcefe6;border-radius:50%;place-items:center;display:grid}.mg-profile-card>div b{color:var(--mg-green);margin-left:auto;font-size:12px}.mg-profile-card dl{grid-template-columns:1fr 1fr;margin:0;font-size:14px;display:grid}.mg-profile-card dt,.mg-profile-card dd{border-top:1px solid #eee8e5;padding:8px 0}.mg-profile-card dt{color:var(--mg-muted)}.mg-profile-card dd{text-align:right;margin:0;font-weight:600}.mg-toast{z-index:100;background:var(--mg-green);color:#fff;box-shadow:var(--mg-shadow);border-radius:12px;align-items:center;gap:8px;padding:12px 15px;font-size:14px;font-weight:700;display:flex;position:fixed;top:82px;right:22px}.mg-camera-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0a08b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mg-camera-modal{background:var(--mg-card);border-radius:22px;width:min(440px,100%);max-height:calc(100vh - 24px);padding:18px;overflow:auto;box-shadow:0 28px 90px #1c0a0861}.mg-camera-modal>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.mg-camera-modal>header span{color:var(--mg-primary-2);letter-spacing:.15em;font-size:12px;font-weight:700;display:block}.mg-camera-modal>header h2{margin:3px 0 0;font-size:21px}.mg-camera-modal>header button{border:1px solid var(--mg-line);background:var(--mg-soft);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mg-camera-frame{aspect-ratio:3/4;background:#1d1110;border-radius:17px;position:relative;overflow:hidden}.mg-camera-frame video,.mg-camera-frame img{object-fit:cover;width:100%;height:100%}.mg-camera-frame video{transform:scaleX(-1)}.mg-face-guide{border:1px dashed #ffffffb8;border-radius:48%;width:60%;height:58%;position:absolute;top:13%;left:20%;box-shadow:0 0 0 100vw #0000001f}.mg-live-dot{color:#fff;letter-spacing:.09em;background:#1c0a0894;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.mg-live-dot:first-letter{color:#f04d45}.mg-camera-info{color:var(--mg-muted);justify-content:space-between;gap:8px;margin-top:10px;font-size:13px;display:flex}.mg-camera-info span{align-items:center;gap:4px;display:flex}.mg-camera-info button{color:var(--mg-primary);cursor:pointer;background:#fff;border:1px solid #d6c6c2;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:800;display:flex}.mg-camera-modal>p{text-align:center;color:var(--mg-muted);margin:13px 0;font-size:14px}.mg-shutter{border:2px solid var(--mg-primary);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;padding:5px;display:grid}.mg-shutter i{background:var(--mg-primary);border-radius:50%;width:49px;height:49px}.mg-camera-actions{grid-template-columns:.7fr 1.3fr;gap:9px;display:grid}.mg-camera-actions button{border:1px solid var(--mg-line);background:var(--mg-soft);cursor:pointer;border-radius:10px;height:45px;font-size:14px;font-weight:700}.mg-camera-actions button:last-child{border-color:var(--mg-primary);background:var(--mg-primary);color:#fff}.mg-camera-actions button:disabled{opacity:.55}.mg-sync-banner{color:#694600;background:#fff0cc;border-radius:13px;align-items:center;gap:10px;margin-top:13px;padding:12px 14px;display:flex}.mg-sync-banner div{flex:1}.mg-sync-banner b,.mg-sync-banner span{display:block}.mg-sync-banner b{font-size:14px}.mg-sync-banner span{margin-top:2px;font-size:12px}.mg-sync-banner button{color:#694600;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.mg-employee-shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mg-employee-shortcuts button{border:1px solid var(--mg-line);min-height:74px;color:var(--mg-primary);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:9px;padding:12px;display:flex}.mg-employee-shortcuts b,.mg-employee-shortcuts small{display:block}.mg-employee-shortcuts b{font-size:14px}.mg-employee-shortcuts small{color:var(--mg-muted);margin-top:2px;font-size:12px}.mg-employee-form{border:1px solid var(--mg-line);background:#fff;border-radius:17px;gap:13px;margin-bottom:22px;padding:18px;display:grid}.mg-employee-form.compact{padding:15px}.mg-employee-form label{color:var(--mg-brown);gap:6px;font-size:13px;font-weight:700;display:grid}.mg-employee-form input,.mg-employee-form select,.mg-employee-form textarea{border:1px solid var(--mg-line);background:#fff;border-radius:9px;outline:0;width:100%;padding:10px;font:500 14px Hanken Grotesk}.mg-employee-form input,.mg-employee-form select{height:42px}.mg-employee-form textarea{resize:vertical;min-height:82px}.mg-employee-form input:focus,.mg-employee-form select:focus,.mg-employee-form textarea:focus{border-color:var(--mg-primary)}.mg-form-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mg-file-field{border:1px dashed #cdbbb7;border-radius:10px;padding:12px}.mg-file-field input{border:0;height:auto;padding:4px 0}.mg-form-submit{background:var(--mg-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:43px;font-size:14px;font-weight:800}.mg-history-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mg-history-summary article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;padding:14px}.mg-history-summary span,.mg-history-summary strong{display:block}.mg-history-summary span{color:var(--mg-muted);font-size:12px}.mg-history-summary strong{margin-top:5px;font:700 18px Bricolage Grotesque}.mg-history-list{gap:8px;display:grid}.mg-history-list>article{border:1px solid var(--mg-line);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.mg-history-icon{border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.mg-history-icon.in{color:var(--mg-green);background:#dcefe6}.mg-history-icon.out{color:var(--mg-primary);background:#eee4df}.mg-history-list b,.mg-history-list small{display:block}.mg-history-list b{font-size:14px}.mg-history-list small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-history-list>article>div:last-child{text-align:right}.mg-sync-wait{color:var(--mg-amber)!important}.mg-sync-ok{color:var(--mg-green)!important}.mg-empty-state{text-align:center;color:var(--mg-muted);background:#fff;border:1px dashed #cdbbb7;border-radius:15px;padding:35px 20px}.mg-empty-state h3{color:var(--mg-ink);margin:10px 0 4px;font-size:15px}.mg-empty-state p{margin:0;font-size:13px}.mg-empty-state.small{padding:19px}.mg-leave-list{gap:8px;display:grid}.mg-leave-list article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px;display:flex}.mg-leave-list b,.mg-leave-list span{display:block}.mg-leave-list b{font-size:12px}.mg-leave-list div>span,.mg-leave-list p{color:var(--mg-muted);margin:3px 0;font-size:13px}.mg-reminder-card{background:var(--mg-primary);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:flex}.mg-reminder-card>div{align-items:center;gap:12px;display:flex}.mg-reminder-card h3{margin:0;font-size:15px}.mg-reminder-card p{color:#d8c1c4;margin:3px 0;font-size:13px}.mg-reminder-card button{color:var(--mg-primary);white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:800}.mg-notification-list{gap:8px;display:grid}.mg-notification-list article{border:1px solid var(--mg-line);background:#fff;border-radius:15px;gap:11px;padding:15px;display:flex;position:relative}.mg-notification-list article.unread:after{content:"";background:var(--mg-red);border-radius:50%;width:7px;height:7px;position:absolute;top:13px;right:13px}.mg-notification-list article>span{width:37px;height:37px;color:var(--mg-primary);background:#eee4df;border-radius:10px;flex:none;place-items:center;display:grid}.mg-notification-list b{font-size:14px}.mg-notification-list p,.mg-notification-list small{color:var(--mg-muted);margin:3px 0;font-size:13px;display:block}.mg-notification-list button{color:var(--mg-primary);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:800}.mg-profile-head{position:relative}.mg-edit-profile{border:1px solid var(--mg-line);color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:9px;margin-left:auto;padding:8px 10px;font-size:13px;font-weight:800}.mg-profile-form{margin-top:-10px}.mg-logout-button{width:100%;color:var(--mg-red);cursor:pointer;background:#fff;border:1px solid #e2b4b4;border-radius:11px;margin-top:14px;padding:13px;font-size:14px;font-weight:800}.mg-all-services-card{border:1px solid var(--mg-line);text-align:left;width:100%;color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.mg-all-services-card>span{background:#eadbd8;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.mg-all-services-card b,.mg-all-services-card small{display:block}.mg-all-services-card b{font-size:12px}.mg-all-services-card small{color:var(--mg-muted);margin-top:3px;font-size:13px}.mg-services-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mg-services-grid>button{border:1px solid var(--mg-line);min-height:96px;color:var(--mg-primary);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;transition:all .15s;display:grid}.mg-services-grid>button:hover{border-color:#b99399;transform:translateY(-1px)}.mg-services-grid>button>span{background:#f0e5e3;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.mg-services-grid b,.mg-services-grid small{display:block}.mg-services-grid b{font-size:14px}.mg-services-grid small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-service-back{color:var(--mg-primary);cursor:pointer;background:0 0;border:0;margin:-12px 0 15px;padding:0;font-size:13px;font-weight:800}.mg-service-stack{gap:12px;display:grid}.mg-service-status{border:1px solid var(--mg-line);background:#fff;border-radius:15px;align-items:center;gap:11px;padding:16px;display:flex}.mg-service-status div{flex:1}.mg-service-status b{font-size:14px}.mg-service-status p{color:var(--mg-muted);margin:3px 0;font-size:12px}.mg-employee-form h2{margin:0;font-size:16px}.mg-form-grid.two{grid-template-columns:1fr 1fr}.mg-service-groups{gap:26px;display:grid}.mg-service-group>div:first-child{margin-bottom:11px}.mg-service-group h2{margin:0;font-size:17px}.mg-service-group>div:first-child p{color:var(--mg-muted);margin:3px 0 0;font-size:14px}.mg-request-list>h2{margin:22px 0 11px;font-size:17px}.mg-request-list{gap:8px;display:grid}.mg-request-list article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;justify-content:space-between;gap:12px;padding:14px;display:flex}.mg-request-list article b{font-size:14px}.mg-request-list article p{color:var(--mg-muted);margin:4px 0 0;font-size:12px}.mg-payroll-list{gap:11px;display:grid}.mg-payroll-list>article{border:1px solid var(--mg-line);background:#fff;border-radius:17px;padding:18px}.mg-payroll-list dl{grid-template-columns:1fr auto;margin:17px 0;font-size:13px;display:grid}.mg-payroll-list dt,.mg-payroll-list dd{border-top:1px solid #eee8e5;padding:8px 0}.mg-payroll-list dd{text-align:right;margin:0}.mg-payroll-list>article>button{border:1px solid var(--mg-line);color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:13px;font-weight:800;display:flex}.mg-schedule-card-copy{gap:5px;min-width:0;display:grid}.mg-schedule-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mg-schedule-card-meta small{color:var(--mg-muted);font-size:12px}.mg-schedule-card-meta .mg-status{padding:3px 7px;font-size:11px}.mg-schedule-card-copy>b{line-height:1.25;display:block}.mg-schedule-card-detail{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.mg-schedule-card-detail span+span:before{content:"•";color:#a99690;margin-right:7px}.mg-task-board{gap:8px;display:grid}.mg-task-progress{background:var(--mg-primary);color:#fff;border-radius:16px;margin-bottom:5px;padding:17px}.mg-task-progress span,.mg-task-progress b{display:block}.mg-task-progress span{letter-spacing:.12em;font-size:12px}.mg-task-progress b{margin:4px 0 11px;font-size:15px}.mg-task-board>label{border:1px solid var(--mg-line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:11px;padding:14px;display:flex}.mg-task-board>label.done{background:#f1f8f5}.mg-task-board input{width:19px;height:19px;accent-color:var(--mg-green)}.mg-task-board b,.mg-task-board small{display:block}.mg-task-board b{font-size:14px}.mg-task-board small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-task-board label.done b{color:var(--mg-muted);text-decoration:line-through}.mg-announcement-list{gap:9px;display:grid}.mg-announcement-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #caa4ab;border-radius:15px;gap:12px;padding:15px;display:flex}.mg-announcement-list>button.read{border-color:var(--mg-line);opacity:.75}.mg-announcement-icon{width:39px;height:39px;color:var(--mg-primary);background:#f0e5e3;border-radius:11px;flex:none;place-items:center;display:grid}.mg-announcement-list small{color:var(--mg-muted);font-size:12px}.mg-announcement-list h3{margin:4px 0;font-size:13px}.mg-announcement-list p{color:var(--mg-muted);margin:0 0 7px;font-size:13px;line-height:1.45}.mg-announcement-list b{color:var(--mg-primary);font-size:12px}.mg-export-calendar{background:var(--mg-primary);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;margin-bottom:13px;padding:12px;font-size:13px;font-weight:800;display:flex}.mg-calendar-agenda{gap:8px;display:grid}.mg-calendar-agenda article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.mg-calendar-agenda article>span{width:37px;height:37px;color:var(--mg-primary);background:#eee4df;border-radius:10px;place-items:center;display:grid}.mg-calendar-agenda b{font-size:14px}.mg-calendar-agenda p{color:var(--mg-muted);margin:3px 0;font-size:12px}.mg-calendar-agenda strong{color:var(--mg-primary);font-size:14px}.mg-balance-hero{background:var(--mg-primary);color:#fff;border-radius:19px;padding:22px}.mg-balance-hero small,.mg-balance-hero strong{display:block}.mg-balance-hero small{letter-spacing:.13em;font-size:12px}.mg-balance-hero strong{margin:5px 0;font:800 31px Bricolage Grotesque}.mg-balance-hero p{color:#dbc8ca;font-size:13px}.mg-balance-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mg-balance-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;padding:14px}.mg-balance-grid span,.mg-balance-grid b{display:block}.mg-balance-grid span{color:var(--mg-muted);font-size:12px}.mg-balance-grid b{margin-top:5px;font-size:15px}.mg-document-list{gap:8px;display:grid}.mg-document-list article{border:1px solid var(--mg-line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.mg-document-list article>span{width:39px;height:39px;color:var(--mg-primary);background:#eee4df;border-radius:10px;place-items:center;display:grid}.mg-document-list b,.mg-document-list small{display:block}.mg-document-list b{font-size:14px}.mg-document-list small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-document-list button{border:1px solid var(--mg-line);width:35px;height:35px;color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:9px;place-items:center;display:grid}.mg-privacy-note{color:var(--mg-green);background:#f1f8f5;border-radius:12px;gap:10px;padding:12px;display:flex}.mg-privacy-note b{font-size:14px}.mg-privacy-note p{margin:3px 0;font-size:12px}.mg-toggle-field{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.mg-toggle-field input{width:18px;height:18px;accent-color:var(--mg-primary)}.mg-emergency-hero{background:var(--mg-primary);color:#fff;text-align:center;border-radius:18px;padding:23px}.mg-emergency-hero h2{margin:9px 0 4px;font-size:20px}.mg-emergency-hero p{color:#dbc8ca;margin:0;font-size:13px}.mg-emergency-list{gap:8px;display:grid}.mg-emergency-list a{border:1px solid var(--mg-line);color:var(--mg-ink);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;text-decoration:none;display:grid}.mg-emergency-list a>span{width:38px;height:38px;color:var(--mg-primary);background:#eadbd8;border-radius:50%;place-items:center;display:grid}.mg-emergency-list b,.mg-emergency-list small{display:block}.mg-emergency-list b{font-size:14px}.mg-emergency-list small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-emergency-list strong{color:var(--mg-primary);font-size:13px}.mg-auth-loading{background:var(--mg-surface);min-height:100vh;color:var(--mg-primary);place-content:center;justify-items:center;gap:10px;display:grid}.mg-auth-loading>span{background:var(--mg-primary);color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.mg-auth-loading b{font-size:14px}.mg-login-page{background:var(--mg-surface);grid-template-columns:minmax(360px,.9fr) 1.1fr;min-height:100vh;font-family:Hanken Grotesk,sans-serif;display:grid}.mg-login-visual{color:#fff;background:linear-gradient(145deg,#2e0009,#650d1d);flex-direction:column;justify-content:space-between;min-height:100vh;padding:55px;display:flex;position:relative;overflow:hidden}.mg-login-visual:after{content:"";border:90px solid #ffffff09;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-190px;right:-250px}.mg-login-brand{align-items:center;gap:12px;display:flex}.mg-login-brand>span{width:50px;height:50px;color:var(--mg-primary);background:#fff;border-radius:15px;place-items:center;display:grid}.mg-login-logo{overflow:hidden}.mg-login-logo img{object-fit:contain;width:42px;height:42px;display:block}.mg-login-brand b,.mg-login-brand small{display:block}.mg-login-brand b{letter-spacing:.08em;font:800 19px Bricolage Grotesque}.mg-login-brand small{letter-spacing:.22em;margin-top:3px;font-size:12px}.mg-login-visual>div:nth-child(2)>span{letter-spacing:.2em;color:#e2b9c0;font-size:13px;font-weight:800}.mg-login-visual h1{letter-spacing:-.05em;max-width:480px;margin:13px 0;font:800 48px/1 Bricolage Grotesque}.mg-login-visual>div:nth-child(2)>p{color:#dec4c8;max-width:430px;font-size:13px;line-height:1.65}.mg-login-visual ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mg-login-visual li{color:#ead9dc;align-items:center;gap:9px;font-size:14px;display:flex}.mg-login-form-wrap{place-items:center;padding:30px;display:grid}.mg-login-form{border:1px solid var(--mg-line);background:#fff;border-radius:23px;width:min(410px,100%);padding:35px;box-shadow:0 28px 80px #40000d14}.mg-login-mobile-brand{display:none}.mg-login-eyebrow{letter-spacing:.17em;color:var(--mg-primary-2);font-size:13px;font-weight:800}.mg-login-form h2{letter-spacing:-.04em;margin:7px 0;font:800 30px Bricolage Grotesque}.mg-login-form>p{color:var(--mg-muted);margin:0 0 22px;font-size:14px}.mg-login-form>label{color:var(--mg-brown);gap:7px;margin-top:13px;font-size:13px;font-weight:700;display:grid}.mg-login-form input{border:1px solid var(--mg-line);border-radius:10px;outline:0;width:100%;height:44px;padding:0 12px;font:500 14px Hanken Grotesk}.mg-login-form input:focus{border-color:var(--mg-primary)}.mg-password-field{position:relative}.mg-password-field button{height:28px;color:var(--mg-primary);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800;position:absolute;top:8px;right:8px}.mg-login-options{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.mg-login-options label{color:var(--mg-muted);align-items:center;gap:6px;font-size:12px;display:flex}.mg-login-options input{width:14px;height:14px;accent-color:var(--mg-primary)}.mg-login-options button{color:var(--mg-primary);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.mg-login-submit,.mg-demo-login{cursor:pointer;border:0;border-radius:10px;width:100%;height:45px;font-size:14px;font-weight:800}.mg-login-submit{background:var(--mg-primary);color:#fff}.mg-login-submit:disabled{opacity:.6}.mg-demo-login{color:var(--mg-primary);background:#f1e8e6;margin-top:8px}.mg-login-form>small{text-align:center;color:var(--mg-muted);margin-top:15px;font-size:11px;line-height:1.5;display:block}.mg-login-notice,.mg-login-message{border-radius:10px;margin-bottom:12px;padding:11px;font-size:12px}.mg-login-notice{color:#704a00;background:#fff0cc}.mg-login-notice b,.mg-login-notice span{display:block}.mg-login-notice span{margin-top:2px}.mg-login-message{color:#93000a;background:#fee0df}.mg-hr-shell{grid-template-columns:235px minmax(0,1fr);display:grid}.mg-sidebar{background:var(--mg-primary);color:#fff;z-index:60;flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.mg-sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:11px;padding:0 9px 28px;display:flex}.mg-sidebar-brand>span{width:39px;height:39px;color:var(--mg-primary);background:#fff;border-radius:13px;place-items:center;display:grid}.mg-sidebar-brand .mg-logo-mark img{width:34px;height:34px}.mg-sidebar-brand b,.mg-sidebar-brand small{display:block}.mg-sidebar-brand b{letter-spacing:.06em;font:800 16px Bricolage Grotesque}.mg-sidebar-brand small{letter-spacing:.16em;color:#dcbcc1;font-size:11px}.mg-sidebar nav{gap:3px;margin-top:23px;display:grid}.mg-sidebar nav button{color:#d8c1c4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.mg-sidebar nav button.active{color:var(--mg-primary);background:#fff}.mg-sidebar nav button i{min-width:18px;height:18px;color:var(--mg-primary);background:#ffb2b6;border-radius:999px;place-items:center;margin-left:auto;font-size:12px;display:grid}.mg-sidebar-foot{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.mg-sidebar-foot b,.mg-sidebar-foot span{display:block}.mg-sidebar-foot b{font-size:14px}.mg-sidebar-foot span{color:#d8c1c4;margin-top:3px;font-size:12px}.mg-sidebar-foot>div:nth-child(2){flex:1;min-width:0}.mg-sidebar-foot>div:nth-child(2) b,.mg-sidebar-foot>div:nth-child(2) span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-sidebar-foot>button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.mg-hr-content{min-width:0}.mg-hr-topbar{border-bottom:1px solid var(--mg-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#fcf9f8ed;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.mg-hr-topbar>div:first-of-type>span{letter-spacing:.14em;color:var(--mg-primary-2);font-size:12px;font-weight:700}.mg-hr-topbar h1{margin:2px 0 0;font-size:22px}.mg-hr-actions label{color:var(--mg-muted);align-items:center;gap:7px;font-size:13px;display:flex}.mg-hr-actions select,.mg-panel-head select{border:1px solid var(--mg-line);background:#fff;border-radius:9px;padding:8px 9px;font-size:13px}.mg-mobile-menu{display:none}.mg-hr-main{max-width:1700px;margin:0 auto;padding:24px 28px 50px}.mg-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mg-kpi-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;align-items:flex-start;gap:13px;min-height:115px;padding:17px;display:flex;box-shadow:0 8px 25px #2f140808}.mg-kpi-grid article>span{width:37px;height:37px;color:var(--mg-primary);background:#f0e7e4;border-radius:11px;place-items:center;display:grid}.mg-kpi-grid article.featured{background:var(--mg-primary);color:#fff;border-color:var(--mg-primary)}.mg-kpi-grid article.featured>span{color:#fff;background:#ffffff1f}.mg-kpi-grid small,.mg-kpi-grid strong,.mg-kpi-grid b{display:block}.mg-kpi-grid small{color:var(--mg-muted);font-size:13px}.mg-kpi-grid .featured small{color:#d8c1c4}.mg-kpi-grid strong{white-space:nowrap;margin:8px 0 4px;font:700 22px Bricolage Grotesque}.mg-kpi-grid b{color:var(--mg-green);font-size:12px}.mg-kpi-grid .featured b{color:#ffb2b6}.mg-dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:14px;margin-top:14px;display:grid}.mg-span-2{min-width:0}.mg-panel{border:1px solid var(--mg-line);background:#fff;border-radius:17px;padding:19px;box-shadow:0 8px 28px #2f140809}.mg-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.mg-panel-head span{color:var(--mg-primary-2)}.mg-panel-head h2{margin:3px 0 0;font-size:17px}.mg-panel-head>button,.mg-text-button{color:var(--mg-primary-2);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.mg-count{min-width:23px;height:23px;color:var(--mg-red);background:#fee0df;border-radius:999px;place-items:center;font-size:13px;display:grid}.mg-table-wrap{overflow:auto}.mg-table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.mg-table-wrap th{text-align:left;color:var(--mg-muted);text-transform:uppercase;letter-spacing:.06em;background:#f4f0ee;padding:9px;font-size:12px}.mg-table-wrap th:first-child{border-radius:8px 0 0 8px}.mg-table-wrap th:last-child{border-radius:0 8px 8px 0}.mg-table-wrap td{border-bottom:1px solid #eee8e5;padding:10px 9px}.mg-table-person{align-items:center;gap:7px;display:flex}.mg-table-person i{width:27px;height:27px;color:var(--mg-primary);background:#eadbd8;border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.mg-role{color:var(--mg-brown);background:#eee9e7;border-radius:999px;padding:4px 7px;font-size:12px}.mg-status.late{color:#93000a;background:#fee0df}.mg-status.muted{color:#706865;background:#eeeae8}.mg-verified,.mg-unverified{align-items:center;gap:4px;font-size:12px;display:flex}.mg-verified{color:var(--mg-green)}.mg-unverified{color:var(--mg-muted)}.mg-db-indicator{color:var(--mg-muted);white-space:nowrap;background:#eeeae8;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.mg-db-indicator.online{color:var(--mg-green);background:#dcefe6}.mg-status-compact{display:none}.mg-approval-list{gap:8px;display:grid}.mg-approval-list article{background:#f8f4f2;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:11px;display:flex}.mg-approval-list span,.mg-approval-list b{display:block}.mg-approval-list span{font-size:13px}.mg-approval-list b{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-approval-list article>div:last-child{gap:5px;display:flex}.mg-approval-list button{width:28px;height:28px;color:var(--mg-green);cursor:pointer;background:#dcefe6;border:0;border-radius:8px;place-items:center;display:grid}.mg-approval-list button.reject{color:var(--mg-red);background:#fee0df}.mg-bar-chart{border-bottom:1px solid var(--mg-line);background:linear-gradient(#fff,#fcfaf9);align-items:flex-end;gap:13px;height:190px;padding:20px 10px 0;display:flex}.mg-bar-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.mg-bar-chart>div>span{background:linear-gradient(#8d4351,var(--mg-primary));border-radius:7px 7px 0 0;width:min(36px,75%);position:relative}.mg-bar-chart>div>span b{font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.mg-bar-chart small{color:var(--mg-muted);font-size:12px}.mg-donut{border-radius:50%;place-items:center;width:145px;height:145px;margin:19px auto;display:grid}.mg-donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.mg-donut strong,.mg-donut span{display:block}.mg-donut strong{font:700 29px Bricolage Grotesque}.mg-donut span{color:var(--mg-muted);font-size:12px}.mg-chart-legend{justify-content:center;gap:12px;font-size:12px;display:flex}.mg-chart-legend span{align-items:center;gap:4px;display:flex}.mg-chart-legend i{background:var(--mg-primary);border-radius:50%;width:7px;height:7px}.mg-chart-legend span:last-child i{background:#eadfda}.mg-roster{min-width:700px;overflow:auto}.mg-panel:has(.mg-roster){overflow:auto}.mg-roster-row{grid-template-columns:90px repeat(7,1fr);gap:5px;margin-bottom:5px;display:grid}.mg-roster-row>b,.mg-roster-row>span,.mg-roster-row>button{border-radius:7px;place-items:center;min-height:35px;padding:7px;font-size:12px;display:grid}.mg-roster-row>span{color:var(--mg-muted);background:#f4f0ee;font-weight:700}.mg-roster-row>button{color:var(--mg-primary);cursor:pointer;background:#eee1e3;border:0;position:relative}.mg-roster-row>button.off{color:#8c8380;background:#f4f1ef}.mg-roster-row>button.conflict{outline:2px solid #e2a900}.mg-roster-row>button.conflict i{color:#fff;background:#e2a900;border-radius:50%;place-items:center;width:15px;height:15px;font-size:12px;display:grid;position:absolute;top:-4px;right:-3px}.mg-roster-row.header{margin-bottom:8px}.mg-page-section{min-width:0}.mg-page-intro{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px;display:flex}.mg-page-intro span{color:var(--mg-primary-2)}.mg-page-intro h2{letter-spacing:-.03em;margin:4px 0;font-size:28px}.mg-page-intro p{color:var(--mg-muted);margin:0;font-size:14px}.mg-primary{cursor:pointer;background:var(--mg-primary)!important;color:#fff!important;border:0!important;border-radius:9px!important;align-items:center!important;gap:6px!important;padding:10px 13px!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.mg-filter-row{grid-template-columns:1fr auto auto;gap:9px;margin-bottom:12px;display:grid}.mg-filter-row input,.mg-filter-row select,.mg-settings-grid input,.mg-settings-grid select{border:1px solid var(--mg-line);background:#fff;border-radius:9px;outline:0;height:39px;padding:0 11px;font:500 13px Hanken Grotesk}.mg-filter-row input:focus,.mg-settings-grid input:focus,.mg-settings-grid select:focus{border-color:var(--mg-primary)}.mg-staff-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mg-staff-cards article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;padding:19px;position:relative}.mg-staff-cards article>.mg-status{position:absolute;top:14px;right:14px}.mg-staff-cards h3{margin:13px 0 2px;font-size:16px}.mg-staff-cards>article>p{color:var(--mg-muted);margin:0;font-size:13px}.mg-staff-cards dl{grid-template-columns:1fr 1fr;margin:17px 0 12px;font-size:13px;display:grid}.mg-staff-cards dt,.mg-staff-cards dd{border-top:1px solid #eee8e5;padding:6px 0}.mg-staff-cards dt{color:var(--mg-muted)}.mg-staff-cards dd{text-align:right;margin:0;font-weight:600}.mg-staff-cards button{width:100%;color:var(--mg-primary);background:#fff;border:1px solid #d2c5c2;border-radius:8px;padding:9px;font-size:13px;font-weight:700}.mg-swap-admin-list{gap:10px;display:grid}.mg-swap-admin-list>article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:18px;padding:17px;display:grid}.mg-swap-people{align-items:center;gap:11px;display:flex}.mg-swap-people h3{margin:0;font-size:14px}.mg-swap-people p,.mg-swap-people span{color:var(--mg-muted);margin:3px 0;font-size:13px}.mg-conflict-ok{color:var(--mg-green);align-items:center;gap:5px;font-size:13px;display:flex}.mg-swap-actions{gap:7px;display:flex}.mg-swap-actions button{border:1px solid var(--mg-line);cursor:pointer;background:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700}.mg-ranking{display:grid}.mg-ranking article{border-bottom:1px solid #eee8e5;grid-template-columns:22px 34px 1fr 1.2fr 28px;align-items:center;gap:9px;padding:9px 0;font-size:13px;display:grid}.mg-ranking .mg-person-avatar{width:34px;height:34px}.mg-ranking small{color:var(--mg-muted);margin-top:2px;display:block}.mg-scorebar,.mg-skill>div{background:#ece5e2;border-radius:999px;height:6px;overflow:hidden}.mg-scorebar i,.mg-skill>div i{border-radius:inherit;background:var(--mg-primary-2);height:100%;display:block}.mg-skill{margin:18px 0}.mg-skill>span{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.mg-kpi-grid.compact article{min-height:95px}.mg-training-admin{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mg-training-admin article{border:1px solid var(--mg-line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;display:grid}.mg-training-admin small{color:var(--mg-primary-2);font-size:12px}.mg-training-admin h3{margin:3px 0;font-size:14px}.mg-training-admin p{color:var(--mg-muted);font-size:13px}.mg-training-admin button{color:var(--mg-primary);background:0 0;border:0;font-size:13px;font-weight:700}.mg-attention-list{gap:8px;display:grid}.mg-attention-list article{background:#f7f3f1;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.mg-attention-list article>i{background:#8b7770;border-radius:50%;width:8px;height:8px}.mg-attention-list article.warning>i{background:#d28a16}.mg-attention-list article.danger>i{background:#b31221}.mg-attention-list b,.mg-attention-list small{display:block}.mg-attention-list b{font-size:13px}.mg-attention-list small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-all-clear{text-align:center;color:var(--mg-green);justify-items:center;gap:5px;padding:25px;display:grid}.mg-all-clear small{font-size:12px}.mg-calendar-nav{gap:5px;display:flex}.mg-calendar-nav button{border:1px solid var(--mg-line);min-width:30px;color:var(--mg-primary);background:#fff;border-radius:8px;padding:6px 9px;font-weight:700}.mg-hr-calendar{overflow:auto}.mg-calendar-weekdays,.mg-calendar-days{grid-template-columns:repeat(7,minmax(82px,1fr));display:grid}.mg-calendar-weekdays b{text-align:center;color:var(--mg-muted);padding:7px;font-size:12px}.mg-calendar-days>button{text-align:left;min-height:86px;color:inherit;background:#fff;border:1px solid #eee8e5;padding:8px}.mg-calendar-days>button:disabled{background:#faf8f7}.mg-calendar-days>button.today strong{background:var(--mg-primary);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.mg-calendar-days>button.selected{box-shadow:inset 0 0 0 2px var(--mg-primary)}.mg-calendar-days strong{font-size:14px}.mg-calendar-days span{gap:3px;margin-top:5px;display:grid}.mg-calendar-days i{color:var(--mg-primary);white-space:nowrap;text-overflow:ellipsis;background:#f3e5e3;border-radius:4px;padding:3px 4px;font-size:11px;font-style:normal;overflow:hidden}.mg-calendar-days small{color:var(--mg-muted);font-size:11px}.mg-sheet-summary{margin-top:14px}.mg-view-switch{background:#ece7e4;border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.mg-view-switch button{background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.mg-view-switch button.active{color:var(--mg-primary);background:#fff;box-shadow:0 3px 10px #32140a14}.mg-leave-balance{border:1px solid var(--mg-line);background:#fff;border-radius:16px;margin:14px 0;padding:17px}.mg-leave-balance>div:last-child{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mg-leave-balance article{background:#f7f3f1;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.mg-leave-balance article b,.mg-leave-balance article small{display:block}.mg-leave-balance article small{color:var(--mg-muted);font-size:11px}.mg-leave-balance article strong{color:var(--mg-primary);text-align:right;font-size:18px}.mg-payroll-lock{background:#fff8e8;border:1px solid #e6c894;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:12px 0;padding:14px 16px;display:flex}.mg-payroll-lock.locked{background:#fff0f1;border-color:#dba9af}.mg-payroll-lock b,.mg-payroll-lock small{display:block}.mg-payroll-lock small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-payroll-lock button{background:var(--mg-primary);color:#fff;border:0;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800}.mg-report-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mg-report-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:17px;padding:20px}.mg-report-grid article>span{width:47px;height:47px;color:var(--mg-primary);background:#efe4e2;border-radius:13px;place-items:center;display:grid}.mg-report-grid small{letter-spacing:.12em;color:var(--mg-primary-2);margin-top:20px;font-size:12px;display:block}.mg-report-grid h3{margin:5px 0;font-size:21px}.mg-report-grid p{color:var(--mg-muted);min-height:40px;font-size:13px;line-height:1.5}.mg-report-grid article>div{gap:7px;margin-top:16px;display:flex}.mg-report-grid button{border:1px solid var(--mg-line);background:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700}.mg-report-preview{margin-top:14px}.mg-preview-kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mg-preview-kpis span{background:#f6f1ef;border-radius:10px;padding:14px}.mg-preview-kpis small,.mg-preview-kpis b{display:block}.mg-preview-kpis small{color:var(--mg-muted);font-size:12px}.mg-preview-kpis b{margin-top:4px;font:700 19px Bricolage Grotesque}.mg-settings-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mg-settings-grid .mg-panel{flex-direction:column;gap:11px;display:flex}.mg-settings-grid h2{margin:0 0 5px;font-size:16px}.mg-settings-grid label{grid-template-columns:1fr minmax(120px,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.mg-settings-grid label span{color:var(--mg-muted)}.mg-outlet-card,.mg-integration{background:#f6f1ef;border-radius:12px;gap:11px;padding:13px;display:flex}.mg-outlet-card>span{width:38px;height:38px;color:var(--mg-primary);background:#eadbd8;border-radius:10px;place-items:center;display:grid}.mg-outlet-card b,.mg-integration b{font-size:14px}.mg-outlet-card p,.mg-integration p{color:var(--mg-muted);margin:3px 0;font-size:12px}.mg-outlet-card small{color:var(--mg-green);font-size:12px}.mg-integration{align-items:flex-start}.mg-settings-grid a{color:var(--mg-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mg-location-button{min-height:40px;color:var(--mg-primary);cursor:pointer;background:#fff;border:1px solid #cdbbb7;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.mg-settings-note{color:var(--mg-muted);margin:0;font-size:12px;line-height:1.5}.mg-primary:disabled{opacity:.55;cursor:not-allowed}.mg-map-preview{background:#f6f1ef;border-radius:9px;justify-content:center;padding:10px}.mg-location-proof{gap:2px;display:grid}.mg-location-proof b{color:var(--mg-green);font-size:12px}.mg-location-proof small{color:var(--mg-muted);font-size:11px}.mg-text-link{color:var(--mg-primary);margin-left:7px;font-size:12px;font-weight:700}.mg-sidebar-backdrop{display:none}.mg-block{color:var(--mg-muted);margin-top:3px;font-size:12px;display:block!important}.mg-wide-action{border:1px solid var(--mg-line);width:100%;color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:9px;margin-top:12px;padding:10px;font-size:13px;font-weight:800}.mg-mini-schedule{gap:8px;display:grid}.mg-mini-schedule>article{border:1px solid var(--mg-line);border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.mg-mini-schedule .mg-person-avatar{width:34px;height:34px}.mg-mini-schedule article>div{flex:1}.mg-mini-schedule b,.mg-mini-schedule small{display:block}.mg-mini-schedule b{font-size:14px}.mg-mini-schedule small{color:var(--mg-muted);margin-top:3px;font-size:12px}.mg-sheet-health{text-align:center;color:var(--mg-green);padding:14px}.mg-sheet-health strong,.mg-sheet-health p,.mg-sheet-health small{display:block}.mg-sheet-health strong{margin-top:8px;font-size:14px}.mg-sheet-health p,.mg-sheet-health small{color:var(--mg-muted);margin:4px 0;font-size:12px}.mg-proof-links{gap:6px;display:flex}.mg-proof-links a,.mg-proof-links span{color:var(--mg-primary);background:#f2e9e7;border-radius:7px;padding:5px 7px;font-size:12px;font-weight:800;text-decoration:none}.mg-secondary{border:1px solid var(--mg-line);color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:800}.mg-admin-form{align-content:start;gap:12px;display:grid}.mg-admin-form h3{margin:0;font-size:17px}.mg-admin-form label,.mg-request-cards label{color:var(--mg-brown);gap:6px;font-size:13px;font-weight:700;display:grid}.mg-admin-form input,.mg-admin-form select,.mg-admin-form textarea,.mg-request-cards textarea,.mg-panel-head input{border:1px solid var(--mg-line);background:#fff;border-radius:9px;outline:0;width:100%;padding:10px;font:500 13px Hanken Grotesk}.mg-admin-form input,.mg-admin-form select,.mg-panel-head input{height:39px}.mg-admin-form textarea,.mg-request-cards textarea{resize:vertical;min-height:75px}.mg-admin-form input:focus,.mg-admin-form select:focus,.mg-admin-form textarea:focus,.mg-request-cards textarea:focus{border-color:var(--mg-primary)}.mg-inline-form{margin-bottom:14px}.mg-form-actions,.mg-row-actions{align-items:center;gap:7px;display:flex}.mg-form-actions button,.mg-row-actions button{border:1px solid var(--mg-line);color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800}.mg-row-actions .danger,.mg-form-actions .danger{color:var(--mg-red);background:#fff7f6;border-color:#e7c4c2}.mg-request-list .mg-row-actions{margin-left:auto}.mg-request-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mg-request-cards>article{gap:11px;display:grid}.mg-request-cards>article>p{color:var(--mg-ink);margin:0;font-size:14px;line-height:1.5}.mg-request-cards>article>small{color:var(--mg-muted);font-size:12px}.mg-review-note{background:#f5efed;border-radius:9px;padding:10px}.mg-review-note b{font-size:13px}.mg-review-note p{color:var(--mg-muted);margin:3px 0 0;font-size:12px}.mg-admin-tabs{gap:7px;margin-bottom:14px;display:flex;overflow:auto}.mg-admin-tabs button{white-space:nowrap;border:1px solid var(--mg-line);color:var(--mg-primary);cursor:pointer;background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.mg-admin-tabs button.active{background:var(--mg-primary);color:#fff;border-color:var(--mg-primary)}.mg-filter-row label{color:var(--mg-muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.mg-staff-shell button,.mg-hr-shell button{font-size:13px;line-height:1.35}.mg-staff-shell label,.mg-hr-shell label{line-height:1.4}.mg-staff-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.mg-staff-shell select,.mg-hr-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.mg-hr-shell select{min-height:44px;font-size:14px;line-height:1.4}.mg-staff-shell textarea,.mg-hr-shell textarea{min-height:96px;font-size:14px;line-height:1.5}.mg-admin-form input,.mg-admin-form select,.mg-admin-form textarea,.mg-request-cards textarea,.mg-panel-head input,.mg-filter-row input,.mg-filter-row select,.mg-settings-grid input,.mg-settings-grid select{font:500 14px/1.4 Hanken Grotesk}.mg-admin-form input,.mg-admin-form select,.mg-panel-head input,.mg-filter-row input,.mg-filter-row select,.mg-settings-grid input,.mg-settings-grid select{height:44px}.mg-admin-form textarea,.mg-request-cards textarea{min-height:96px}.mg-employee-form input:not([type=file]),.mg-employee-form select{height:44px}.mg-employee-form textarea{min-height:96px}.mg-form-submit{min-height:44px}.mg-form-hint{color:var(--mg-brown);background:#f7f1ef;border-radius:9px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.mg-form-error{color:#a01d18;background:#fff2f1;border:1px solid #e3aaa5;border-radius:9px;margin:0;padding:11px 12px;font-size:13px;font-weight:800;line-height:1.45}.mg-form-actions button:disabled{cursor:wait;opacity:.65}.mg-password-field input{padding-right:124px}.mg-password-field input::-ms-reveal{display:none}.mg-password-field input::-ms-clear{display:none}.mg-password-field button{z-index:2;background:#f4e9e7;border-radius:8px;min-width:58px;height:32px;padding:0 10px;top:50%;right:6px;transform:translateY(-50%)}@media (max-width:1100px){.mg-hr-shell{grid-template-columns:78px minmax(0,1fr)}.mg-sidebar-brand div,.mg-sidebar nav span,.mg-sidebar-foot>div:last-child{display:none}.mg-sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.mg-sidebar nav button{justify-content:center}.mg-sidebar nav button i{margin-top:-25px;margin-left:25px;position:absolute}.mg-sidebar-foot{justify-content:center}.mg-kpi-grid{grid-template-columns:1fr 1fr}.mg-dashboard-grid{grid-template-columns:1fr}.mg-staff-cards{grid-template-columns:1fr 1fr}}@media (min-width:900px) and (max-width:1100px){.mg-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mg-kpi-grid article{gap:10px;min-height:105px;padding:15px}.mg-kpi-grid article>span{width:34px;height:34px}.mg-kpi-grid strong{margin:6px 0 3px;font-size:20px}.mg-dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}}@media (max-width:760px){.mg-hr-shell{display:block}.mg-sidebar{width:235px;transition:all .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.mg-sidebar.open{transform:none}.mg-sidebar-brand div,.mg-sidebar nav span,.mg-sidebar-foot>div:last-child{display:block}.mg-sidebar nav button{justify-content:flex-start}.mg-sidebar nav button i{margin:0 0 0 auto;position:static}.mg-sidebar-backdrop{z-index:55;background:#1c0a0873;border:0;display:block;position:fixed;inset:0}.mg-mobile-menu{border:1px solid var(--mg-line);background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.mg-hr-topbar{justify-content:flex-start;gap:11px;height:68px;padding:0 15px}.mg-hr-actions{margin-left:auto}.mg-hr-actions label{display:none}.mg-hr-main{padding:18px 14px 42px}.mg-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.mg-kpi-grid article{min-height:105px;padding:13px;display:block}.mg-kpi-grid article>span{width:31px;height:31px}.mg-kpi-grid strong{font-size:17px}.mg-page-intro{flex-direction:column;align-items:flex-start}.mg-page-intro h2{font-size:25px}.mg-filter-row{grid-template-columns:1fr 1fr}.mg-filter-row input:first-child{grid-column:1/-1}.mg-staff-cards,.mg-training-admin,.mg-report-grid,.mg-settings-grid,.mg-request-cards,.mg-swap-admin-list>article{grid-template-columns:1fr}.mg-preview-kpis{grid-template-columns:1fr 1fr}.mg-dashboard-grid{margin-top:8px}.mg-panel{padding:14px}.mg-calendar-weekdays,.mg-calendar-days{grid-template-columns:repeat(7,minmax(62px,1fr))}.mg-calendar-days>button{min-height:72px;padding:5px}.mg-calendar-days i{max-width:56px}.mg-leave-balance>div:last-child{grid-template-columns:1fr}.mg-payroll-lock{flex-direction:column;align-items:flex-start}.mg-payroll-lock button{width:100%}}@media (max-width:520px){.mg-live-chip{padding:7px;font-size:0}.mg-live-chip>i{width:7px;height:7px}.mg-feature-row{grid-template-columns:1fr}.mg-feature{min-height:175px}.mg-stat-grid article{padding:12px}.mg-stat-grid strong{font-size:18px}.mg-shift-card{padding:19px}.mg-shift-time strong{font-size:32px}.mg-profile-grid{grid-template-columns:1fr 1fr}.mg-kpi-grid article>span{display:none}.mg-kpi-grid article{min-height:88px}.mg-kpi-grid strong{white-space:normal}.mg-attendance-actions{grid-template-columns:1fr 1fr}.mg-form-grid,.mg-form-grid.two{grid-template-columns:1fr}.mg-history-list>article{grid-template-columns:auto 1fr}.mg-history-list>article>div:last-child{text-align:left;grid-column:2}.mg-reminder-card{flex-direction:column;align-items:stretch}.mg-reminder-card button{width:100%}.mg-employee-shortcuts button{text-align:center;justify-items:center;padding:9px;display:grid}.mg-profile-head{align-items:flex-start}.mg-edit-profile{position:absolute;bottom:4px;right:0}.mg-services-grid{grid-template-columns:1fr}.mg-services-grid>button{min-height:78px}.mg-calendar-agenda article{grid-template-columns:auto 1fr}.mg-calendar-agenda strong{grid-column:2}.mg-balance-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.mg-staff-shell,.mg-hr-shell{max-width:100%;overflow-x:clip}.mg-staff-main,.mg-hr-content,.mg-hr-main,.mg-page-section,.mg-panel,.mg-panel-head>div,.mg-profile-head>div,.mg-schedule-card-copy{min-width:0}.mg-staff-main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.mg-staff-topbar{padding-inline:14px}.mg-top-actions{flex:none;gap:6px}.mg-shift-head{flex-wrap:wrap;align-items:flex-start}.mg-shift-head>.mg-pill{white-space:normal;text-align:right;max-width:100%;margin-left:auto}.mg-shift-meta{flex-direction:column;align-items:flex-start;gap:8px}.mg-shift-meta>span,.mg-shift-meta>button{overflow-wrap:anywhere;max-width:100%}.mg-attendance-actions button,.mg-attendance-actions button>span{min-width:0}.mg-attendance-actions b,.mg-attendance-actions small{overflow-wrap:anywhere}.mg-employee-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-employee-shortcuts button{min-width:0}.mg-employee-shortcuts b,.mg-employee-shortcuts small{overflow-wrap:anywhere}.mg-section-title>div{min-width:0}.mg-section-title>button,.mg-section-title>b{white-space:nowrap;flex:none}.mg-week-preview{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:minmax(104px,31vw);grid-auto-flow:column;gap:8px;margin-right:-16px;padding:2px 16px 8px 0;display:grid;overflow:auto hidden}.mg-week-preview::-webkit-scrollbar{display:none}.mg-week-preview article{scroll-snap-align:start;min-width:0}.mg-week-preview small{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.mg-staff-nav{bottom:max(8px,env(safe-area-inset-bottom));gap:2px;width:min(100% - 16px,730px);padding:5px}.mg-staff-nav button{min-width:0;padding:8px 2px;font-size:11px}.mg-hr-topbar>div:first-of-type{min-width:0}.mg-hr-topbar h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-page-intro{gap:10px;margin-bottom:16px}.mg-page-intro>div{min-width:0}.mg-page-intro p,.mg-panel,.mg-staff-cards article,.mg-request-cards>article{overflow-wrap:anywhere}.mg-panel-head{flex-wrap:wrap;align-items:flex-start}.mg-panel-head input,.mg-panel-head select{flex:180px;min-width:0}.mg-kpi-grid,.mg-dashboard-grid,.mg-staff-cards,.mg-report-grid,.mg-settings-grid,.mg-request-cards{min-width:0}:is(.mg-table-wrap,.mg-hr-calendar,.mg-panel:has(.mg-roster),.mg-admin-tabs){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.mg-admin-tabs{scrollbar-width:none;padding-bottom:4px}.mg-admin-tabs::-webkit-scrollbar{display:none}.mg-ranking{min-width:480px}.mg-panel:has(.mg-ranking){overflow-x:auto}.mg-settings-grid label{min-width:0}.mg-settings-grid input,.mg-settings-grid select{width:100%;min-width:0}}@media (max-width:520px){.mg-staff-main{padding-inline:12px}.mg-brand{gap:8px}.mg-brand>span{border-radius:11px;width:37px;height:37px}.mg-brand b{font-size:14px}.mg-brand small{font-size:10px}.mg-icon-button,.mg-avatar{width:37px;height:37px}.mg-staff-hero{padding:24px 2px 16px}.mg-staff-hero h1{margin-bottom:14px;font-size:30px}.mg-shift-card{border-radius:20px;padding:17px}.mg-shift-time{gap:10px;margin:20px 0 9px}.mg-shift-time strong{font-size:31px}.mg-shift-time i{width:20px}.mg-attendance-actions{gap:8px;margin-top:17px}.mg-attendance-actions button{gap:8px;min-height:62px;padding:10px 9px}.mg-section{margin-top:25px}.mg-section-title{margin-bottom:11px}.mg-section-title h2{font-size:19px}.mg-week-preview{grid-auto-columns:minmax(104px,32vw);margin-right:-12px;padding-right:12px}.mg-employee-shortcuts button{min-height:72px;padding:9px 5px}.mg-employee-shortcuts b{font-size:12px}.mg-employee-shortcuts small{font-size:11px}.mg-subpage{padding:20px 0 18px}.mg-subpage>header{margin-bottom:17px}.mg-subpage>header h1{font-size:30px}.mg-profile-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:18px 0 16px;display:grid;position:relative}.mg-profile-avatar{border-radius:20px;width:64px;height:64px}.mg-profile-head h1{overflow-wrap:anywhere;font-size:clamp(23px,7vw,29px);line-height:1.05}.mg-profile-head p{overflow-wrap:anywhere}.mg-edit-profile{grid-column:1/-1;justify-self:end;margin:0;position:static}.mg-profile-card{margin-top:10px;padding:16px}.mg-profile-card dl{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.mg-profile-card dt,.mg-profile-card dd{min-width:0}.mg-profile-card dd{overflow-wrap:anywhere}.mg-logout-button{margin-top:11px}.mg-hr-main{padding:14px 10px 34px}.mg-hr-topbar{gap:8px;padding-inline:10px}.mg-hr-actions{gap:5px}.mg-page-intro h2{font-size:23px}.mg-page-intro>button,.mg-page-intro>a{justify-content:center;width:100%}.mg-panel{border-radius:14px;padding:12px}.mg-filter-row{grid-template-columns:1fr}.mg-filter-row input:first-child{grid-column:auto}.mg-request-list article{flex-direction:column;align-items:flex-start}.mg-request-list .mg-row-actions{flex-wrap:wrap;width:100%;margin-left:0}.mg-request-list .mg-row-actions button{flex:110px}.mg-approval-list article{align-items:flex-start}.mg-approval-list article>div:first-child{overflow-wrap:anywhere;min-width:0}.mg-settings-grid label{grid-template-columns:1fr}.mg-settings-grid label>*{width:100%}.mg-training-admin article{grid-template-columns:auto minmax(0,1fr)}.mg-training-admin article>button{grid-column:2;justify-self:start}.mg-staff-cards dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mg-staff-cards dd{overflow-wrap:anywhere;min-width:0}.mg-preview-kpis{grid-template-columns:1fr 1fr}}@media (max-width:760px){.mg-hr-topbar>div:first-of-type{flex:auto}.mg-hr-topbar h1{font-size:19px;line-height:1.05}.mg-hr-actions{flex:none}.mg-kpi-grid article{min-width:0}.mg-kpi-grid small{font-size:12px;line-height:1.2}.mg-kpi-grid strong{margin:6px 0 3px}.mg-kpi-grid b{font-size:11.5px;line-height:1.25}.mg-dashboard-grid{gap:10px;margin-top:10px}.mg-panel-head{gap:8px;margin-bottom:11px}.mg-panel-head span{letter-spacing:.14em;font-size:11px}.mg-panel-head h2{font-size:16px;line-height:1.15}.mg-panel-head>button,.mg-text-button{font-size:12px}.mg-empty-state{padding:25px 13px}.mg-empty-state h3{font-size:14px}.mg-empty-state p{font-size:12px;line-height:1.4}.mg-wide-action{min-height:44px;margin-top:10px;font-size:12px}.mg-mini-schedule>article{gap:8px;min-width:0;padding:10px}.mg-mini-schedule article>div{min-width:0}.mg-mini-schedule b{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.mg-mini-schedule small{overflow-wrap:anywhere;font-size:11.5px;line-height:1.3}.mg-attention-list article{padding:10px}.mg-attention-list b{font-size:12.5px;line-height:1.25}.mg-attention-list small{font-size:11.5px;line-height:1.3}.mg-page-intro span{font-size:11px}.mg-page-intro p{font-size:12.5px;line-height:1.4}.mg-admin-form input,.mg-admin-form select,.mg-admin-form textarea,.mg-request-cards textarea,.mg-panel-head input{font-size:16px}}@media (max-width:520px){.mg-hr-topbar{height:64px}.mg-hr-topbar>div:first-of-type>span{display:none}.mg-hr-topbar h1{text-overflow:clip;margin:0;font-size:18px;overflow:visible}.mg-mobile-menu{width:36px;height:36px}.mg-hr-actions .mg-status-full{display:none}.mg-hr-actions .mg-status-compact{display:inline}.mg-hr-actions .mg-db-indicator{padding:6px 7px;font-size:10.5px;line-height:1}.mg-hr-actions .mg-db-indicator:first-child{width:25px;height:25px;padding:0;font-size:0;position:relative}.mg-hr-actions .mg-db-indicator:first-child:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 3px #1f7a561f}.mg-hr-actions .mg-icon-button{width:36px;height:36px}.mg-kpi-grid{gap:7px}.mg-kpi-grid article{min-height:78px;padding:10px 11px}.mg-kpi-grid small{font-size:11.5px}.mg-kpi-grid strong{margin:5px 0 2px;font-size:19px}.mg-kpi-grid b{font-size:11px}.mg-page-intro{margin-bottom:14px}.mg-page-intro h2{font-size:21px;line-height:1.08}.mg-panel{padding:11px}.mg-panel-head h2{font-size:15.5px}.mg-count{min-width:21px;height:21px;font-size:12px}.mg-sidebar nav button{font-size:13px}.mg-staff-topbar{height:64px;padding-inline:11px}.mg-staff-main{padding-inline:11px}.mg-brand>span,.mg-icon-button,.mg-avatar{width:35px;height:35px}.mg-staff-hero{padding:20px 2px 14px}.mg-staff-hero h1{font-size:27px;line-height:1.06}.mg-shift-head>span,.mg-section-title>div>span,.mg-subpage>header>span{letter-spacing:.14em;font-size:11px}.mg-section{margin-top:22px}.mg-section-title h2{font-size:18px}.mg-section-title>b,.mg-section-title>button{font-size:12.5px}.mg-subpage{padding-top:17px}.mg-subpage>header h1{font-size:26px;line-height:1.08}.mg-profile-head h1{font-size:clamp(21px,6.5vw,26px)}.mg-profile-card{padding:14px}.mg-profile-card h2{font-size:17px}.mg-profile-card dt,.mg-profile-card dd{font-size:12.5px}.mg-staff-nav button{font-size:10.5px}}@media (max-width:350px){.mg-hr-topbar{gap:6px;padding-inline:8px}.mg-hr-actions{gap:4px}.mg-hr-topbar h1{font-size:17px}.mg-hr-actions .mg-db-indicator{padding-inline:5px;font-size:10px}.mg-hr-main{padding-inline:8px}.mg-kpi-grid article,.mg-staff-main{padding-inline:9px}}@media (max-width:760px){.mg-login-page{display:block}.mg-login-visual{display:none}.mg-login-form-wrap{min-height:100vh;padding:16px 12px}.mg-login-form{padding:24px 18px}.mg-login-form h2{font-size:27px;line-height:1.08}.mg-login-form input:not([type=checkbox]){font-size:16px}.mg-login-mobile-brand{align-items:center;gap:8px;margin-bottom:24px;display:flex}.mg-login-mobile-brand>span{background:var(--mg-primary);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.mg-login-mobile-brand b{font:800 13px Bricolage Grotesque}}@media print{.mg-sidebar,.mg-hr-topbar,.mg-page-intro,.mg-report-grid,.mg-toast{display:none!important}.mg-hr-shell{display:block}.mg-hr-main{padding:0}.mg-report-preview{box-shadow:none;border:1px solid #ccc}.mg-report-preview:before{content:"DOBAR COFFEE • LAPORAN KINERJA";margin-bottom:25px;font:700 24px Bricolage Grotesque;display:block}}
.mg-digital-card-wrap{max-width:560px;margin:auto}.mg-digital-card{color:#fff;background:linear-gradient(145deg,#310008,#780d25);border-radius:26px;padding:24px;position:relative;overflow:hidden;box-shadow:0 22px 50px #40000d38}.mg-digital-card:after{content:"";border:42px solid #ffffff0d;border-radius:50%;width:240px;height:240px;position:absolute;top:-120px;right:-110px}.mg-card-brand{letter-spacing:.16em;align-items:center;gap:10px;font:800 12px Bricolage Grotesque;display:flex}.mg-card-brand img{object-fit:contain;width:42px;height:42px}.mg-card-person{align-items:center;gap:15px;margin:26px 0;display:flex}.mg-card-photo{color:#520010;background:#fff1ed;border-radius:20px;place-items:center;width:72px;height:72px;font:800 23px Bricolage Grotesque;display:grid}.mg-card-person small,.mg-card-meta small{letter-spacing:.12em;opacity:.75;font-size:12px}.mg-card-person h2{margin:3px 0;font-size:25px}.mg-card-person p{margin:0;font-size:14px}.mg-card-meta{border-top:1px solid #ffffff2e;gap:32px;padding-top:15px;display:flex}.mg-card-meta span{gap:3px;display:grid}.mg-card-meta b{font-size:14px}.mg-card-qr{z-index:1;justify-items:center;gap:3px;display:grid;position:absolute;bottom:20px;right:22px}.mg-card-qr img{border-radius:7px;width:88px;height:88px}.mg-card-qr span{font-size:11px}.mg-card-note{text-align:center;color:var(--mg-muted);font-size:13px;line-height:1.5}.mg-availability{gap:8px;display:grid}.mg-availability>article{border:1px solid var(--mg-line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mg-availability>article>label{align-items:center;gap:9px;display:flex}.mg-availability>article>div{align-items:center;gap:7px;display:flex}.mg-availability input[type=time]{border:1px solid var(--mg-line);border-radius:8px;padding:8px}.mg-availability>article.off{color:var(--mg-muted);background:#f4efed}.mg-money-history{gap:9px;display:grid}.mg-money-history article{border:1px solid var(--mg-line);background:#fff;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:25px;padding:15px;display:grid}.mg-money-history small{color:var(--mg-muted);margin-bottom:3px;font-size:12px;display:block}.mg-money-history b{font-size:14px}.mg-reward-score{color:#fff;background:linear-gradient(135deg,#40000d,#83132d);border-radius:20px;padding:22px}.mg-reward-score small,.mg-reward-score span{font-size:13px;display:block}.mg-reward-score strong{margin:3px 0;font:800 40px Bricolage Grotesque;display:block}.mg-reward-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.mg-reward-grid article{border:1px solid var(--mg-line);background:#fff;border-radius:15px;gap:12px;padding:16px;display:flex}.mg-reward-grid article>span{width:42px;height:42px;color:var(--mg-primary);background:#f4e7e5;border-radius:13px;flex:none;place-items:center;display:grid}.mg-reward-grid h3{margin:0;font-size:12px}.mg-reward-grid p{color:var(--mg-muted);font-size:12px;line-height:1.45}.mg-reward-grid b{color:var(--mg-green);font-size:12px}.mg-backup-qr{text-align:center;justify-items:center;gap:15px;display:grid}.mg-backup-qr>.mg-info-card{text-align:left;width:100%}.mg-backup-qr>img{border:10px solid #fff;border-radius:15px;width:180px;height:180px;box-shadow:0 8px 25px #280c081a}.mg-backup-steps{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.mg-backup-steps button,.mg-backup-steps label{text-align:left;border:1px solid var(--mg-line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:13px;display:flex;position:relative}.mg-backup-steps span{display:grid}.mg-backup-steps b{font-size:14px}.mg-backup-steps small{color:var(--mg-muted);font-size:12px}.mg-backup-steps input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.mg-faq-list{gap:7px;display:grid}.mg-faq-list button{text-align:left;border:1px solid var(--mg-line);color:inherit;background:#fff;border-radius:12px;grid-template-columns:1fr auto;padding:14px;display:grid}.mg-faq-list button>span{color:var(--mg-primary);font-size:20px}.mg-faq-list p{color:var(--mg-muted);grid-column:1/-1;margin:9px 0 0;font-size:13px;line-height:1.55}.mg-help-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.mg-help-actions a{background:var(--mg-primary);color:#fff;border-radius:13px;align-items:center;gap:10px;padding:15px;text-decoration:none;display:flex}.mg-help-actions span{display:grid}.mg-help-actions b{font-size:14px}.mg-help-actions small{opacity:.75;font-size:12px}.mg-preferences{gap:10px;display:grid}.mg-preferences>section{border:1px solid var(--mg-line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;display:grid}.mg-preferences>section>span{width:42px;height:42px;color:var(--mg-primary);background:#f3e6e4;border-radius:12px;place-items:center;display:grid}.mg-preferences p{color:var(--mg-muted);margin:3px 0;font-size:12px}.mg-segmented{background:#eee8e5;border-radius:9px;padding:3px;display:flex}.mg-segmented button{background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12px}.mg-segmented button.active{color:var(--mg-primary);background:#fff;box-shadow:0 2px 8px #2800081a}.mg-install-page{text-align:center;max-width:480px;margin:auto}.mg-install-page>img{object-fit:contain;width:120px;height:120px}.mg-install-page h2{margin:6px;font-size:25px}.mg-install-page>p{color:var(--mg-muted);font-size:14px;line-height:1.6}.mg-install-page>.mg-form-submit{justify-content:center;align-items:center;gap:7px;display:flex}.mg-install-guides{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.mg-install-guides article{border:1px solid var(--mg-line);border-radius:12px;padding:14px}.mg-install-guides b{font-size:14px}.mg-install-guides p{color:var(--mg-muted);font-size:12px;line-height:1.5}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .mg-employee-shell{color:#fff;background:#160f0e}html[data-theme=dark] .mg-employee-topbar,html[data-theme=dark] .mg-subpage,html[data-theme=dark] .mg-profile-card,html[data-theme=dark] .mg-services-grid>button,html[data-theme=dark] .mg-employee-form,html[data-theme=dark] .mg-request-list,html[data-theme=dark] .mg-availability>article,html[data-theme=dark] .mg-money-history article,html[data-theme=dark] .mg-reward-grid article,html[data-theme=dark] .mg-faq-list button,html[data-theme=dark] .mg-preferences>section,html[data-theme=dark] .mg-backup-steps button,html[data-theme=dark] .mg-backup-steps label{color:#fff;background:#251b19;border-color:#463633}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:#fff!important;background:#1a1211!important;border-color:#493733!important}html[data-theme=dark] .mg-bottom-nav{background:#2b1710}html[data-theme=dark] .mg-subpage header p,html[data-theme=dark] .mg-services-grid small,html[data-theme=dark] .mg-profile-card dt{color:#bcaeaa}@media (max-width:520px){.mg-card-qr{margin-top:14px;position:static}.mg-digital-card{padding:19px}.mg-card-meta{padding-right:0}.mg-reward-grid,.mg-help-actions,.mg-backup-steps,.mg-install-guides{grid-template-columns:1fr}.mg-money-history article{grid-template-columns:1fr 1fr}.mg-money-history article>div{grid-column:1/-1}.mg-availability>article{flex-direction:column;align-items:flex-start}.mg-preferences>section{grid-template-columns:auto 1fr}.mg-segmented{grid-column:1/-1}.mg-card-person h2{font-size:21px}}.mg-force-password{background:#fcf9f8;min-height:100vh;padding:24px}.mg-force-password form{width:min(100%,460px);margin:auto;padding:28px}.mg-force-password form>span{color:#fff;background:#560014;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.mg-force-password h1{margin:14px 0 4px}.mg-force-password p{color:#6f5b55;margin:0 0 18px}.mg-force-password small{color:#8b001d;font-weight:700}.mg-link-submit{justify-content:center;align-items:center;text-decoration:none;display:flex}