:root{--dark:#050608;--card:#111318;--card-light:#171921;--gold:#e5b15a;--gold-dark:#c9943a;--text:#f7f7f7;--muted:#a3a3a3;--danger:#ff7070;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--dark);color:var(--text);margin:0}button,input{font:inherit}#root{min-height:100vh}.app-loading{background:var(--dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.loader-circle{border:3px solid #333;border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 0 0,#e5b15a33,#0000 35%),radial-gradient(circle at 100% 100%,#e5b15a1f,#0000 35%),#050608;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000);position:absolute;inset:0}.login-card{background:radial-gradient(circle at top,#232630f2,#050608fa 70%),#050608;border:1px solid #e5b15a59;border-radius:28px;flex-direction:column;justify-content:space-between;width:100%;max-width:900px;min-height:560px;padding:42px 36px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c}.login-big-letters{letter-spacing:.08em;color:#e5b15a0f;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;gap:24px;font-size:clamp(130px,25vw,260px);font-weight:900;display:flex;position:absolute;inset:0}.login-content{z-index:1;max-width:420px;margin-top:30px;position:relative}.login-title{text-align:center;letter-spacing:.18em;margin:0 0 26px;font-size:28px}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;flex-direction:column;gap:7px;font-size:13px;display:flex}.login-input{width:100%;color:var(--text);background:#030408e6;border:1px solid #343947;border-radius:999px;outline:none;padding:12px 15px}.login-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e5b15a38}.login-error{color:var(--danger);font-size:13px}.login-button{color:#18120a;letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#f2c46e,#c9943a);border:none;border-radius:999px;padding:13px 18px;font-weight:800}.login-button:hover{filter:brightness(1.06)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-register-link{color:var(--gold);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:13px;text-decoration:underline}.login-footer{z-index:1;text-align:center;border-top:1px solid #e5b15a47;padding-top:18px;position:relative}.login-footer-name{letter-spacing:.24em;font-size:15px}.login-footer-slogan{letter-spacing:.16em;color:var(--muted);margin-top:5px;font-size:11px}.emp-page{background:radial-gradient(circle at top,#e5b15a26,#0000 55%),radial-gradient(circle at 100% 100%,#040a18e6,#050608 75%);min-height:100vh;padding:26px 16px 42px}.emp-header{justify-content:space-between;align-items:center;gap:14px;max-width:980px;margin:0 auto 26px;display:flex}.emp-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:13px}.emp-title{margin:4px 0;font-size:28px}.emp-email{color:var(--muted);font-size:14px}.emp-logout{color:var(--gold);cursor:pointer;letter-spacing:.14em;background:0 0;border:1px solid #e5b15a99;border-radius:999px;padding:10px 18px}.emp-logout:hover{color:#fff;background:#e5b15a24}.emp-main{flex-direction:column;gap:24px;max-width:980px;margin:0 auto;display:flex}.emp-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.emp-card{background:radial-gradient(circle at 0 0,#1d1f27,#111318 72%);border:1px solid #e5b15a38;border-radius:22px;min-height:190px;padding:22px;box-shadow:0 14px 34px #00000052}.emp-card-icon{margin-bottom:12px;font-size:34px}.emp-card-title{color:var(--gold);letter-spacing:.12em;font-size:14px;font-weight:800}.emp-card p{color:var(--muted);font-size:14px;line-height:1.5}.emp-career{background:linear-gradient(145deg,#171921f5,#090a0efa);border:1px solid #e5b15a40;border-radius:24px;padding:25px;box-shadow:0 14px 38px #0000005c}.emp-career h2{color:var(--gold);letter-spacing:.16em;margin:0 0 17px;font-size:18px}.emp-career-info{justify-content:space-between;margin-bottom:15px;display:flex}.emp-progress-bar{background:#252833;border-radius:999px;height:13px;overflow:hidden}.emp-progress-fill{background:linear-gradient(90deg,#f2c46e,#c9943a);width:65%;height:100%}.emp-progress-text{color:var(--muted);margin-top:11px;font-size:13px}@media (width<=900px){.emp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.login-card{min-height:520px;padding:30px 20px 22px}.login-content{max-width:none}.login-title{font-size:22px}.emp-header{flex-direction:column;align-items:flex-start}.emp-title{font-size:23px}.emp-grid{grid-template-columns:1fr}.emp-career-info{flex-direction:column;gap:8px}}:root{--mohu-safe-top:env(safe-area-inset-top,0px);--mohu-safe-right:env(safe-area-inset-right,0px);--mohu-safe-bottom:env(safe-area-inset-bottom,0px);--mohu-safe-left:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{min-width:0;overflow-x:hidden}*{box-sizing:border-box}img,svg,video,canvas{max-width:100%}input,select,textarea,button{font:inherit}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}.table-wrap,.table-scroll,.people-table,.attendance-table,.attendance-summary-table,.mh-mini-list,.list,.order-list,.orders-list{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.people-table,.attendance-table,.attendance-summary-table{width:100%}.muted,.muted-line,.user-text,.unit-name,.unit-meta,.employee,.status,.note,.price,.metric-value,.metric-note,.info-item,.order-card,.panel,.lead-card{overflow-wrap:anywhere;word-break:normal}button,a,input,select,textarea{touch-action:manipulation}button,.gold-btn,.ghost-btn,.small-action-btn,.tiny-action,.logout-btn,.side-item,.topnav-item,.form-submit,.modal-close{min-height:44px}input,select,textarea{max-width:100%;min-height:44px}textarea{min-height:92px}.modal-backdrop{padding:calc(12px + var(--mohu-safe-top)) calc(10px + var(--mohu-safe-right)) calc(12px + var(--mohu-safe-bottom)) calc(10px + var(--mohu-safe-left))}.employee-modal,.compact-modal{width:min(720px,100vw - 20px);max-height:calc(100svh - 28px - var(--mohu-safe-top) - var(--mohu-safe-bottom));-webkit-overflow-scrolling:touch;overflow:auto}@media (width<=900px){.mohu-app,.courier-app,.kitchen-lead-shell,.employee-wrap{width:100%;max-width:100%;min-height:100svh;padding-left:max(12px, var(--mohu-safe-left));padding-right:max(12px, var(--mohu-safe-right));padding-bottom:max(16px, var(--mohu-safe-bottom))}.topbar,.courier-header,.lead-header,.page-head,.people-head,.section-head,.active-attendance-head,.attendance-toolbar,.head-actions,.order-top{flex-direction:column;align-items:stretch;gap:10px;display:flex}.topbar{z-index:50;padding-top:max(10px, var(--mohu-safe-top));position:sticky;top:0}.brand,.topbar-right,.user-chip,.top-actions,.attendance-toolbar-actions,.modal-actions,.inline-actions,.compact-actions,.action-row,.attendance-repair-actions,.status-buttons{flex-wrap:wrap;gap:8px;width:100%;display:flex}.brand-title,.panel-title{font-size:clamp(18px,5vw,24px);line-height:1.15}.brand-subtitle,.eyebrow,.muted-line,.metric-note{font-size:13px}.topnav,.lead-tabs,.side-menu,.quick-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow:auto visible}.topnav::-webkit-scrollbar{display:none}.lead-tabs::-webkit-scrollbar{display:none}.side-menu::-webkit-scrollbar{display:none}.quick-actions::-webkit-scrollbar{display:none}.topnav-item,.side-item,.lead-tabs button,.quick-actions button{white-space:nowrap;flex:none}.dropdown,.division-wrap{position:relative}.dropdown-unit,.dropdown-city{-webkit-overflow-scrolling:touch;width:min(92vw,420px);max-height:62svh;overflow:auto}.layout,.layout.with-sidebar,.layout.no-sidebar{width:100%;display:block}.sidebar{z-index:30;width:100%;max-width:100%;margin-bottom:12px;position:sticky;top:72px;overflow:hidden}.content,.lead-content{width:100%;max-width:100%;padding-left:0;padding-right:0}.dashboard-grid,.cards-grid,.people-grid,.info-grid,.attendance-stat-grid,.metrics-grid,.lead-grid,.lead-metrics,.form-grid,.compact-form-grid,.employee-form,.one-column-form,.unit-checkbox-grid{gap:12px;display:grid;grid-template-columns:1fr!important}.panel,.lead-card,.metric-card,.important-panel,.manual-attendance-panel,.attendance-repair-box,.status-panel,.order-card,.ready-box,.warn-box,.error-box,.empty-state{border-radius:18px;width:100%;max-width:100%;padding:14px}.wide-field{grid-column:1/-1}.gold-btn,.ghost-btn,.small-action-btn,.tiny-action,.danger-action,.logout-btn,.form-submit,.status-buttons button,.action-row button,.modal-actions button,.inline-actions button,.compact-actions button{justify-content:center;width:100%}.employee-action-stack{grid-template-columns:1fr;gap:8px;display:grid}.people-row,.attendance-row,.summary-row,.table-row,.active-attendance-row,.deleted-attendance-row,.mh-mini-row,.list-row,.order-line{align-items:stretch;gap:8px;padding:12px;display:grid;grid-template-columns:1fr!important}.people-head,.attendance-head,.summary-head,.table-head{display:none!important}.unit-box,.unit-checkbox,.checkbox-line,.attendance-checkbox-line{width:100%}}@media (width<=430px){.mohu-app,.courier-app,.kitchen-lead-shell,.employee-wrap{padding-left:max(10px, var(--mohu-safe-left));padding-right:max(10px, var(--mohu-safe-right))}.panel,.lead-card,.metric-card,.important-panel,.manual-attendance-panel,.attendance-repair-box,.status-panel,.order-card,.ready-box,.warn-box,.error-box,.empty-state{border-radius:16px;padding:12px}.topbar{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.sidebar{top:64px}.brand-title,.panel-title{font-size:20px}.metric-value{font-size:clamp(22px,9vw,34px)}.pill,.done-pill,.status-mini,.countdown{width:fit-content;max-width:100%}}