.ess-shell{background:var(--bg,#f6f4ef);min-height:100vh;color:var(--text,#1c1917);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.ess-header{border-bottom:1px solid var(--border,#d8d2c7);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ess-header h1{margin:0;font-size:18px}.ess-header .ess-user{color:var(--text-muted,#57534e);font-size:13px}.ess-main{flex:1;padding:16px 16px 96px}.ess-tabs{background:var(--bg-raised,#fffdf8);border-top:1px solid var(--border,#d8d2c7);max-width:560px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:40;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.ess-tab{color:var(--text-muted,#57534e);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:8px 4px;font-size:12px;text-decoration:none;display:flex}.ess-tab[aria-current=page]{color:var(--text,#1c1917);background:var(--bg-sunken,#efeadf);font-weight:600}.ess-tab svg{width:22px;height:22px}.ess-card{background:var(--bg-raised,#fffdf8);border:1px solid var(--border,#d8d2c7);border-radius:14px;margin-bottom:14px;padding:16px}.ess-card h2{margin:0 0 10px;font-size:15px}.ess-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ess-balance{border:1px solid var(--border,#d8d2c7);border-radius:12px;padding:12px}.ess-balance .ess-balance__num{font-size:22px;font-weight:700}.ess-balance .ess-balance__label{color:var(--text-muted,#57534e);font-size:12px}.ess-punch-btn{color:#fff;cursor:pointer;background:#1f6f43;border:none;border-radius:18px;width:100%;min-height:96px;font-size:22px;font-weight:700}.ess-punch-btn--out{background:#8a3535}.ess-punch-btn:disabled{opacity:.6}.ess-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.ess-field label{font-size:13px;font-weight:600}.ess-field input,.ess-field select,.ess-field textarea{border:1px solid var(--border,#a8a29e);background:var(--bg,#fff);color:var(--text,#1c1917);border-radius:10px;min-height:44px;padding:10px 12px;font-size:16px}.ess-error{color:#7f1d1d;background:#fdecec;border:1px solid #efb8b8;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.ess-ok{color:#14532d;background:#eaf6ee;border:1px solid #b9dfc5;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.ess-row{border-bottom:1px solid var(--border,#e7e0d3);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.ess-row:last-child{border-bottom:none}.ess-row .ess-row__meta{color:var(--text-muted,#57534e);font-size:12px}.ess-pill{background:var(--bg-sunken,#efeadf);color:var(--text,#1c1917);text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.ess-pill--approved,.ess-pill--present,.ess-pill--paid{color:#14532d;background:#eaf6ee}.ess-pill--rejected,.ess-pill--absent,.ess-pill--cancelled{color:#7f1d1d;background:#fdecec}.ess-pill--submitted,.ess-pill--pending{color:#713f12;background:#fdf3df}.ess-actions{gap:8px;margin-top:10px;display:flex}.ess-btn{border:1px solid var(--border,#a8a29e);background:var(--bg-raised,#fffdf8);min-height:44px;color:var(--text,#1c1917);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600}.ess-btn--primary{color:#fff;background:#1c4f82;border-color:#1c4f82}.ess-btn--danger{color:#fff;background:#8a3535;border-color:#8a3535}.ess-btn:disabled{opacity:.55;cursor:not-allowed}@media (width>=561px){.ess-shell{border-left:1px solid var(--border,#d8d2c7);border-right:1px solid var(--border,#d8d2c7)}}