:root{--ink:#172539;--soft:#637083;--navy:#18324f;--deep:#10263e;--paper:#f5f7f5;--white:#fff;--line:#e5e9e7;--mint:#a9e7d6;--mint-dark:#247c68;--coral:#ef745f;--amber:#f6c86f;--shadow:0 18px 52px rgba(24,50,79,.09)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.eyebrow{display:block;color:var(--mint-dark);font-size:9px;letter-spacing:.16em;font-weight:900}.eyebrow.light{color:var(--mint)}
.btn-primary,.btn-secondary{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}.btn-primary{color:#fff;background:var(--navy);box-shadow:0 8px 20px rgba(24,50,79,.16)}.btn-secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:wait}
.app-loading,.state-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.loading-mark{width:58px;height:58px;display:grid;place-items:center;color:var(--mint);background:var(--navy);border-radius:18px;font-size:25px;font-weight:900}.app-loading p,.state-screen p{color:var(--soft);font-size:12px}.state-screen h1{font-size:24px}.state-screen .btn-primary{margin-top:12px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:30px 22px 22px;display:flex;flex-direction:column;color:#fff;background:var(--deep);z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark,.brand-logo{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--mint);color:var(--deep);font-size:18px;font-weight:900;overflow:hidden}.brand-logo{background:#fff}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand>div{min-width:0;display:grid}.brand strong{font-size:14px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{margin-top:2px;color:#92a7b9;font-size:7px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:grid;gap:6px;margin-top:49px}.nav-label{padding:0 13px 9px;color:#7890a8;font-size:9px;font-weight:800;letter-spacing:.14em}.nav-item{width:100%;padding:12px 13px;display:flex;align-items:center;gap:13px;border:0;border-radius:10px;color:#aebdcb;background:transparent;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.nav-item>span{width:22px;text-align:center;font-size:17px}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:var(--mint);background:rgba(169,231,214,.13)}.sidebar-note{margin-top:auto;padding:15px;border:1px solid rgba(169,231,214,.15);border-radius:14px;background:rgba(255,255,255,.04)}.sidebar-note b{font-size:11px}.sidebar-note p{margin:6px 0 0;color:#91a6ba;font-size:10px;line-height:1.5}.sidebar-profile{margin-top:17px;padding:17px 2px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-profile>div{min-width:0;display:grid}.sidebar-profile strong{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.sidebar-profile small{margin-top:3px;color:#8197ab;font-size:8px}.sidebar-profile a{color:#90a4b7;text-decoration:none}
.main-panel{min-width:0}.topbar{min-height:96px;padding:22px clamp(24px,3vw,46px) 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);background:rgba(245,247,245,.92);backdrop-filter:blur(14px)}.topbar p{margin:0 0 5px;color:var(--soft);font-size:10px;text-transform:capitalize}.topbar h1{margin:0;font-size:21px;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#426783;background:#dceafd;font-size:9px;font-weight:900}.avatar.large{width:42px;height:42px;font-size:11px}.icon-button{width:39px;height:39px;position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);cursor:pointer}.notification-wrap{position:relative}.notification-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;color:#fff;background:var(--coral);font-size:7px;font-weight:900}.notification-panel{width:min(360px,calc(100vw - 30px));position:absolute;right:0;top:calc(100% + 10px);z-index:30;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 22px 64px rgba(16,38,62,.2)}.notification-panel header{padding:15px 16px 12px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-panel header div{display:grid;gap:3px}.notification-panel header b{font-size:11px}.notification-panel header small{color:var(--soft);font-size:8px}.notification-panel header button{border:0;background:transparent;font-size:18px;cursor:pointer}.notification-panel>section{max-height:360px;overflow-y:auto}.notification-panel article{padding:13px 15px;display:grid;grid-template-columns:auto 1fr;gap:10px;border-bottom:1px solid #edf0ee}.notification-panel article.unread{background:#f2faf7}.notification-panel article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--mint-dark);background:#dff3eb;font-size:9px;font-weight:900}.notification-panel article>div{display:grid;gap:3px}.notification-panel article b{font-size:9px}.notification-panel article p{margin:0;color:var(--soft);font-size:8px;line-height:1.4}.notification-panel article small{color:#9aa3ac;font-size:7px}.notification-empty{padding:50px 15px;text-align:center;color:var(--soft);font-size:10px}
.page-content,.employee-page{padding:32px clamp(24px,3vw,46px) 52px}.welcome-row,.page-toolbar{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.welcome-row h2,.employee-greeting h2{margin:7px 0 6px;font-size:clamp(25px,2.7vw,34px);letter-spacing:-.045em}.welcome-row p,.page-toolbar p,.employee-greeting p{margin:0;color:var(--soft);font-size:11px}.stat-grid{margin-bottom:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{padding:17px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.stat-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-weight:900}.stat-icon.blue{color:#477fb7;background:#dceafd}.stat-icon.green{color:#27856b;background:#dcf4e9}.stat-icon.orange{color:#b97923;background:#fff0d7}.stat-icon.purple{color:#7a62af;background:#e8e2fa}.stat-card div{display:grid}.stat-card small{color:var(--soft);font-size:9px}.stat-card b{margin-top:3px;font-size:23px}.stat-card em{margin-top:2px;color:#8b95a2;font-size:8px;font-style:normal}.overview-grid{margin-bottom:17px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:17px}.content-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(24,50,79,.035)}.activity-card,.table-card,.employee-panel,.settings-form,.logo-form{padding:21px 22px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-heading h3{margin:6px 0 0;font-size:16px}.text-button{border:0;background:transparent;color:var(--mint-dark);font-size:9px;font-weight:900;cursor:pointer}.activity-list{margin-top:14px}.activity-row{padding:12px 0;display:grid;grid-template-columns:auto minmax(100px,1fr) minmax(160px,1.4fr) 60px auto;align-items:center;gap:10px;border-top:1px solid #edf0ee}.activity-row>div{min-width:0;display:grid;gap:3px}.activity-row b{overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.activity-row small{color:var(--soft);font-size:8px}.activity-row .route{display:flex;grid-auto-flow:column;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;color:var(--soft);font-size:8px}.route span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-card{padding:21px;position:relative;overflow:hidden;border-radius:16px;color:#fff;background:var(--navy);box-shadow:var(--shadow)}.quick-card h3{margin:7px 0 13px;font-size:16px}.quick-card>button,.quick-card>a{width:100%;padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-top:1px solid rgba(255,255,255,.1);color:#fff;background:transparent;text-align:left;text-decoration:none;cursor:pointer}.quick-card>button>span,.quick-card>a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--deep);background:var(--mint);font-weight:900}.quick-card>button>div,.quick-card>a>div{display:grid;gap:2px}.quick-card b{font-size:9px}.quick-card small{color:#9db0c1;font-size:8px}.rule-note{margin-top:11px;padding:11px;display:flex;gap:9px;border-radius:10px;background:rgba(255,255,255,.065)}.rule-note>strong{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--deep);background:var(--mint);font-size:9px}.rule-note p{margin:0;display:grid;gap:2px;color:#9db0c1;font-size:8px}.rule-note b{color:#fff}.date-pill{padding:6px 9px;border:1px solid #dde9e4;border-radius:99px;color:#597264;background:#edf4f0;font-size:8px;font-weight:900}
.table-wrap{width:100%;margin-top:13px;overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th{padding:11px 9px;border-bottom:1px solid var(--line);color:#87919d;font-size:7px;letter-spacing:.1em;text-align:left;text-transform:uppercase}td{padding:12px 9px;border-bottom:1px solid #edf0ee;font-size:9px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td>b,td>small{display:block}td>b{margin-bottom:4px;font-size:9px}td>small{color:var(--soft);font-size:7px}.table-person{display:flex;align-items:center;gap:9px}.table-person>div{display:grid;gap:3px}.table-person b{font-size:9px}.table-person small{color:var(--soft);font-size:7px}.status{width:max-content;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-size:7px;font-weight:900;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%}.status.complete{color:#287660;background:#e4f4ed}.status.complete i{background:#3aa683}.status.working{color:#9a6722;background:#fff0d5}.status.working i{background:#e49c2e}.empty-state{min-height:170px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--soft);text-align:center}.empty-state>span{font-size:28px}.empty-state b{margin-top:7px;color:var(--ink);font-size:11px}.empty-state p{font-size:9px}
.employee-greeting{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.gps-chip{padding:7px 10px;display:flex;align-items:center;gap:6px;border:1px solid #d5e9e1;border-radius:99px;color:#27735e;background:#e5f3ed;font-size:8px;font-weight:900}.gps-chip i{width:6px;height:6px;border-radius:50%;background:#43a986}.clock-card{width:min(720px,100%);margin:0 auto 20px;padding:27px;position:relative;overflow:hidden;border-radius:21px;color:#fff;background:linear-gradient(135deg,#183753,#11283f);box-shadow:0 24px 55px rgba(24,50,79,.16)}.clock-head{display:flex;align-items:flex-start;justify-content:space-between}.clock-head h2{margin:7px 0 0;font-size:23px}.live-badge{padding:7px 9px;border-radius:7px;color:var(--deep);background:var(--mint);font-size:7px;font-weight:900}.live-badge.muted{color:#9db0c0;background:rgba(255,255,255,.08)}.pin-info{margin:33px 0 25px;display:flex;align-items:center;gap:16px}.pin-info>span{width:65px;height:65px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(169,231,214,.25);border-radius:50%;color:var(--deep);background:var(--mint);font-size:23px}.pin-info strong{font-size:11px}.pin-info p{max-width:400px;margin:5px 0 0;color:#a7b8c8;font-size:9px;line-height:1.5}.note-field{margin-bottom:13px;display:grid;gap:6px;font-size:8px;font-weight:900}.note-field small{color:#8da2b4;font-weight:400}.note-field input{height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;outline:0;color:#fff;background:rgba(255,255,255,.065);font-size:10px}.employee-action{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;color:var(--deep);background:var(--mint);font-size:11px;font-weight:900;cursor:pointer}.employee-action:disabled{opacity:.5;cursor:not-allowed}.employee-action span{position:absolute;right:45px}.flexible-note{margin:10px 0 -3px;color:#8fa5b8;font-size:8px;text-align:center}.work-progress{margin:32px 0 9px;display:flex;align-items:flex-end;justify-content:space-between}.work-progress>div{display:grid;gap:3px}.work-progress strong{font-size:29px}.work-progress span{color:#9eb0c0;font-size:8px}.work-progress>b{color:var(--mint);font-size:11px}.progress-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--mint)}.clock-details{margin:23px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.clock-details>div{padding-left:12px;display:grid;gap:5px;border-left:1px solid rgba(255,255,255,.13)}.clock-details span{color:#8fa5b7;font-size:7px}.clock-details strong{font-size:9px}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-list,.history-list{margin-top:13px;display:grid}.mini-list>div{padding:10px 0;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line)}.mini-list>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--mint-dark);background:#e4f4ee}.mini-list>div>div{display:grid;gap:3px}.mini-list b,.history-list b,.history-list strong{font-size:9px}.mini-list small,.history-list small{color:var(--soft);font-size:7px}.history-list>div{padding:12px 0;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:9px;border-top:1px solid var(--line)}.history-list>div>span{color:var(--soft);font-size:8px}.history-list>div>div{display:grid;gap:3px}.history-list>div>strong{color:var(--mint-dark)}
.employee-cards,.outlet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.person-card{padding:17px}.person-card>div:first-child,.outlet-card section>div{display:flex;align-items:flex-start;justify-content:space-between}.person-card h3{margin:13px 0 4px;font-size:12px}.person-card p{margin:0;color:var(--soft);font-size:9px}.person-card>div:nth-of-type(2){margin:12px 0 9px;display:flex;flex-wrap:wrap;gap:5px}.person-card>div:nth-of-type(2) span{padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:#586575;font-size:7px}.person-card>small{color:#89939f;font-size:7px}.outlet-card{overflow:hidden}.map-box{height:140px;position:relative;overflow:hidden;background:#dae7df}.map-box>div{position:absolute;inset:-20px;background:linear-gradient(28deg,transparent 46%,rgba(255,255,255,.8) 47%,rgba(255,255,255,.8) 50%,transparent 51%);background-size:90px 85px}.map-1{background:#e4e1d5}.map-2{background:#dce5ef}.map-box>span{width:29px;height:29px;display:grid;place-items:center;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50% 50% 50% 0;color:#fff;background:var(--coral);font-size:5px}.map-box>small{position:absolute;left:50%;top:65%;transform:translateX(-50%);padding:4px 7px;border-radius:5px;background:#fff;font-size:7px;font-weight:900}.outlet-card>section{padding:16px}.outlet-card em{color:var(--mint-dark);font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}.outlet-card h3{margin:9px 0 5px;font-size:13px}.outlet-card p{min-height:27px;margin:0;color:var(--soft);font-size:8px;line-height:1.45}.outlet-card footer{margin-top:13px;padding-top:11px;border-top:1px solid var(--line);color:#89939f;font-size:7px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:17px;align-items:start}.settings-form h3,.logo-form h3{margin:6px 0 19px;font-size:16px}.settings-form label,.modal-form label,.login-form label,.install-form label{display:grid;gap:6px;color:#4d5b6a;font-size:8px;font-weight:900}.settings-form>label,.settings-form>.form-row{margin-bottom:14px}.settings-form input,.settings-form textarea,.modal-form input,.login-form input,.install-form input{width:100%;height:41px;padding:0 11px;border:1px solid #dfe4e2;border-radius:9px;outline:0;color:var(--ink);background:#fbfcfb;font-size:10px;font-weight:400}.settings-form textarea{min-height:88px;padding-block:10px;resize:vertical}.settings-form input:focus,.settings-form textarea:focus,.modal-form input:focus,.login-form input:focus,.install-form input:focus{border-color:#79b7a6;box-shadow:0 0 0 3px rgba(169,231,214,.24)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-preview{height:175px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd5d1;border-radius:13px;background:linear-gradient(135deg,#f4f8f5,#edf3f1)}.logo-preview img{max-width:78%;max-height:72%;object-fit:contain}.logo-preview>span{width:70px;height:70px;display:grid;place-items:center;border-radius:21px;color:var(--navy);background:var(--mint);font-size:24px;font-weight:900}.logo-form>p{color:var(--soft);font-size:8px}.upload-btn{min-height:40px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-size:9px;font-weight:900;cursor:pointer}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.logo-form>.brand{margin-top:17px;padding:14px;border-radius:11px;color:#fff;background:var(--deep)}
.modal-backdrop{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:rgba(10,25,40,.58);backdrop-filter:blur(5px)}.modal{width:min(560px,100%);max-height:calc(100vh - 40px);padding:25px;position:relative;overflow-y:auto;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(10,25,40,.28)}.modal h2{margin:6px 0 5px;font-size:20px}.modal>p{margin:0;color:var(--soft);font-size:9px}.modal-x{position:absolute;right:17px;top:17px;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#f7f8f7;font-size:18px;cursor:pointer}.modal-form{margin-top:20px;display:grid;gap:13px}.modal-form footer{display:flex;justify-content:flex-end;gap:8px}.coordinate-head{display:flex;align-items:center;justify-content:space-between}.coordinate-head b{font-size:8px}.coordinate-head button{border:0;color:var(--mint-dark);background:transparent;font-size:8px;font-weight:900;cursor:pointer}.modal-error{min-height:14px;margin:0;color:#a84336;font-size:8px}.toast{max-width:min(420px,calc(100vw - 40px));padding:12px 15px;position:fixed;right:22px;bottom:22px;z-index:200;display:flex;align-items:center;gap:8px;border-radius:11px;color:#fff;background:var(--deep);box-shadow:0 16px 40px rgba(16,38,62,.24);font-size:10px;font-weight:800}.toast span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--deep);background:var(--mint)}.toast.error span{background:#ffb5a8}
.auth-body{min-height:100vh;background:#eef3f0}.login-layout,.install-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-copy,.install-intro{padding:clamp(44px,8vw,120px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#183753,#0e243b);position:relative;overflow:hidden}.login-copy:after,.install-intro:after{content:"";width:520px;height:520px;position:absolute;right:-240px;bottom:-260px;border:70px solid rgba(169,231,214,.07);border-radius:50%}.auth-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.auth-brand>span{width:45px;height:45px;display:grid;place-items:center;overflow:hidden;border-radius:13px;color:var(--deep);background:var(--mint);font-size:21px;font-weight:900}.auth-brand>span img{width:100%;height:100%;object-fit:contain}.auth-brand>div{display:grid}.auth-brand strong{font-size:15px;letter-spacing:.11em}.auth-brand small{margin-top:2px;color:#9db0c0;font-size:7px;letter-spacing:.16em}.login-copy h1,.install-intro h1{max-width:600px;margin:35px 0 15px;position:relative;z-index:1;font-size:clamp(37px,4vw,60px);letter-spacing:-.06em;line-height:1.02}.login-copy>p,.install-intro>p{max-width:560px;margin:0;position:relative;z-index:1;color:#a7b7c6;font-size:13px;line-height:1.65}.login-features,.install-checks{margin-top:27px;display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:1}.login-features span,.install-checks span{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#bfd0dc;background:rgba(255,255,255,.045);font-size:8px;font-weight:900}.login-box,.install-card{padding:clamp(38px,7vw,100px);display:flex;flex-direction:column;justify-content:center;background:#fff}.login-box h2,.install-card h2{margin:7px 0 6px;font-size:26px;letter-spacing:-.03em}.login-box>p,.install-card header p{margin:0;color:var(--soft);font-size:10px}.login-form,.install-form{margin-top:24px;display:grid;gap:14px}.login-form .btn-primary,.install-form>.btn-primary{margin-top:4px}.login-help{margin-top:16px;color:#8c96a1;font-size:8px;text-align:center}.alert-error{margin-top:15px;padding:10px 12px;border:1px solid #f7d8d2;border-radius:8px;color:#a84336;background:#fff0ed;font-size:9px}.install-card{padding-block:45px}.install-card header{margin-bottom:2px}.install-form h3{margin:9px 0 -2px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.check-field{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:8px!important;padding:11px;border:1px solid #dfe9e5;border-radius:9px;background:#f3f8f5}.check-field input{width:15px!important;height:15px!important}.check-field span{font-size:8px;line-height:1.4}.install-success{text-align:center}.install-success>span{width:62px;height:62px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;color:#27735e;background:#dff3eb;font-size:25px;font-weight:900}.install-success p{color:var(--soft);font-size:10px;line-height:1.5}.install-success .btn-primary{margin-top:17px}.demo-credential{margin-top:17px;padding:13px;display:grid;gap:5px;border-radius:10px;background:#f3f6f4}.demo-credential strong{font-size:9px}.demo-credential code{font-size:9px}
@media(max-width:1080px){.app-shell{grid-template-columns:210px 1fr}.sidebar{padding-inline:16px}.stat-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.employee-cards,.outlet-cards{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.login-copy,.install-intro{padding:58px}.login-box,.install-card{padding:50px}}
@media(max-width:760px){.app-shell{display:block;padding-bottom:72px}.sidebar{height:68px;padding:7px 8px;display:block;position:fixed;left:0;right:0;bottom:0;top:auto}.sidebar>.brand,.sidebar .nav-label,.sidebar-note,.sidebar-profile{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-item{padding:7px 2px;flex-direction:column;justify-content:center;gap:1px;font-size:7px}.nav-item>span{height:20px;font-size:16px}.topbar{min-height:78px;padding:15px 16px}.topbar h1{font-size:18px}.page-content,.employee-page{padding:23px 14px 34px}.welcome-row,.page-toolbar,.employee-greeting{align-items:flex-start;flex-direction:column}.welcome-row .btn-primary,.page-toolbar .btn-primary{width:100%}.stat-grid{gap:9px}.stat-card{padding:12px;gap:9px}.stat-icon{width:34px;height:34px}.stat-card b{font-size:20px}.activity-row{grid-template-columns:auto 1fr auto}.activity-row .route,.activity-row>div:nth-of-type(3){display:none}.activity-card,.table-card,.employee-panel,.settings-form,.logo-form{padding:17px 14px}.employee-grid,.employee-cards,.outlet-cards{grid-template-columns:1fr}.clock-card{padding:20px 17px;border-radius:17px}.clock-head h2{font-size:19px}.clock-details{gap:5px}.clock-details>div{padding-left:7px}.clock-details strong{font-size:7px}.form-row{grid-template-columns:1fr}.modal{padding:21px 18px}.login-layout,.install-shell{display:block}.login-copy,.install-intro{min-height:48vh;padding:35px 24px}.login-copy h1,.install-intro h1{margin-top:27px;font-size:38px}.login-box,.install-card{min-height:52vh;padding:36px 24px}.install-intro{display:none}.install-card{min-height:100vh}.notification-panel{position:fixed;left:15px;right:15px;top:76px;width:auto}}

.install-form select{width:100%;height:41px;padding:0 11px;border:1px solid #dfe4e2;border-radius:9px;outline:0;color:var(--ink);background:#fbfcfb;font-size:10px}.install-form select:focus{border-color:#79b7a6;box-shadow:0 0 0 3px rgba(169,231,214,.24)}.install-form label small{color:#7c8984;font-size:8px;font-weight:500;line-height:1.45}.install-requirements{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.install-requirements span{padding:7px 9px;border-radius:7px;font-size:8px;font-weight:800}.install-requirements .ready{color:#286b59;background:#e8f5f0}.install-requirements .failed{color:#a84336;background:#fff0ed}#fresh-install-fields{display:grid;gap:14px}#fresh-install-fields[hidden]{display:none}@media(max-width:620px){.install-requirements{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}