*{box-sizing:border-box}body{margin:0;color:#1f2937;background:#eef5ff;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}html,body,app-root{min-height:100%;max-width:100%}body{overflow-x:hidden;-webkit-text-size-adjust:100%}img,svg,video,canvas{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}@media (max-width: 900px){.app-shell{display:block!important;min-height:100dvh!important;overflow-x:hidden!important}.app-shell:before{inset:76px 0 0!important}.sidebar{position:sticky!important;top:0!important;z-index:20!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px 12px!important;min-height:0!important;border-right:0!important;border-bottom:1px solid var(--border-soft, #203555)!important;box-shadow:0 8px 22px #0f172a29!important;padding:14px!important}.brand{gap:10px!important;min-height:64px!important;min-width:0!important;border-bottom:0!important;padding:0!important}.brand-mark{flex:0 0 auto!important;width:40px!important;height:40px!important;font-size:16px!important}.brand h1{font-size:18px!important;line-height:1.15!important}.brand p{display:block!important;margin-top:6px!important;color:var(--muted, #aebbd0)!important;font-size:12px!important;overflow-wrap:anywhere!important}.developer-label,.developer-note{display:none!important}.mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;border:0!important;border-radius:6px!important;background:var(--accent-bg, #e9eef7)!important;color:var(--text-strong, #172033)!important;padding:0 12px!important;font-weight:800!important}.menu-icon{display:grid!important;gap:3px!important}.menu-icon span{display:block!important;width:16px!important;height:2px!important;border-radius:999px!important;background:currentColor!important}.module-nav{grid-column:1 / -1!important;display:grid!important;gap:9px!important;max-height:0!important;overflow:hidden!important;border-top:1px solid transparent!important;padding:0!important;opacity:0!important;pointer-events:none!important;transition:max-height .2s ease,opacity .16s ease,padding-top .2s ease!important}.module-nav.open{max-height:70vh!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;border-top-color:#ffffff1a!important;padding-top:10px!important;opacity:1!important;pointer-events:auto!important}.module-nav button{align-items:center!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;gap:8px!important;justify-content:flex-start!important;min-height:44px!important;padding:9px 12px!important;text-align:left!important;white-space:normal!important;font-size:14px!important;overflow-wrap:anywhere!important}.module-nav button span{flex:0 0 auto!important;width:auto!important;min-width:24px!important;font-size:17px!important;white-space:nowrap!important}.sidebar-logout{display:none!important}.content{min-width:0!important;padding:0 12px 24px!important}.topbar{align-items:stretch!important;flex-direction:column!important;gap:12px!important;margin:0 -12px 18px!important;min-height:0!important;padding:14px 12px!important}.topbar h2{font-size:20px!important;line-height:1.2!important;overflow-wrap:anywhere!important}.topbar .eyebrow{display:block!important;margin:5px 0 0!important}.topbar-actions{align-items:stretch!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.topbar-actions>strong{align-self:center!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.topbar-actions .top-icon,.topbar-actions .avatar-button{display:none!important}.clock-card{min-width:0!important;padding:9px 10px!important;font-size:16px!important}.theme-select,.ghost-button,.small-button,.top-icon,.avatar-button{min-height:42px!important}.home-screen,.module-grid,.profile-layout,.lower-profile-grid,.accounting-suite-overview,.accounting-detail-panel,.profile-card,.kpi-grid,.summary-top,.summary-metrics,.two-column,.accounting-module-grid,.account-kpis,.crm-kpis,.account-filter-grid,.shift-row{grid-template-columns:1fr!important}.home-screen,.module-grid,.profile-layout,.lower-profile-grid{gap:14px!important}.profile-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;border-radius:8px!important}.profile-tabs button{min-width:0!important;min-height:46px!important;padding:8px 10px!important;font-size:14px!important;overflow-wrap:anywhere!important;white-space:normal!important}.profile-card,.profile-calendar,.reporting-card,.shift-card,.panel,.attendance-summary-card,.calendar-card{min-width:0!important;max-width:100%!important;overflow:hidden!important;overflow-wrap:anywhere!important;padding:16px!important;box-shadow:0 10px 22px #0f172a29!important}.table-panel,.accounting-work-list{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.profile-avatar{justify-self:center!important;width:96px!important;height:112px!important;font-size:60px!important}.profile-copy{min-width:0!important;text-align:center!important}.profile-copy h3{font-size:20px!important}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}.profile-stats div{min-width:0!important;padding:0 4px!important}.profile-stats span{font-size:11px!important;line-height:1.25!important;overflow-wrap:normal!important}.profile-stats strong{margin-top:4px!important;font-size:22px!important;line-height:1!important}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important}.month-day{min-height:46px!important;padding:3px!important;gap:3px!important}.month-day small{font-size:11px!important;line-height:1!important}.month-day span{width:30px!important;max-width:100%!important;font-size:16px!important}.accounting-module-card{min-height:0!important;padding:12px!important}.manager-row{width:100%!important}.calendar-header{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:8px!important}.calendar-header h3{font-size:20px!important;overflow-wrap:anywhere!important}.calendar-header .today-button{grid-column:1 / -1!important;width:100%!important}.payslip-header,.payslip-meta,.payslip-lines div,.summary-row,.face-dialog-header{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}form,.login-grid{grid-template-columns:1fr!important}label,input,select,textarea,form button,.login-panel button{width:100%!important}input,select,textarea{min-height:44px!important}table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}tbody,thead,tr{min-width:max-content!important}th,td{white-space:nowrap!important;padding:10px 12px!important}.face-dialog{inset:12px!important;max-height:calc(100dvh - 24px)!important;max-width:calc(100vw - 24px)!important;overflow:auto!important}.face-preview{min-height:220px!important}}@media (max-width: 640px){.login-screen{align-items:start!important;min-height:100dvh!important;overflow-x:hidden!important;padding:14px!important;place-items:start center!important}.login-panel{gap:13px!important;justify-self:center!important;width:min(100%,calc(100vw - 28px))!important;max-width:430px!important;border-radius:8px!important;padding:18px!important}.register-client-panel{width:min(100%,calc(100vw - 28px))!important;max-width:560px!important}.login-brand h1{font-size:20px!important}.login-brand p{margin-top:6px!important;font-size:13px!important}.topbar-actions{grid-template-columns:1fr!important}.module-nav{padding-left:10px!important;padding-right:10px!important}.module-nav button{font-size:13px!important;min-height:42px!important;padding:8px 10px!important}.content{padding-left:10px!important;padding-right:10px!important}.topbar{margin-left:-10px!important;margin-right:-10px!important}.profile-card,.profile-calendar,.reporting-card,.shift-card,.panel,.attendance-summary-card,.calendar-card{padding:14px!important}.calendar-legend{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.reporting-tabs{grid-template-columns:1fr!important}}@media (max-width: 420px){.brand h1,.topbar h2,.profile-copy h3{font-size:18px!important}.profile-tabs button{font-size:13px!important}.month-grid{gap:5px!important}.month-day{min-height:42px!important}.month-day span{width:26px!important;font-size:14px!important}}