:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--sgs-saffron:#f59e0b;--sgs-saffron-dark:#b45309;--sgs-blue:#0f4c81;--sgs-blue-dark:#0b2f57;--sgs-ink:#111827;--sgs-muted:#64748b;--sgs-line:#dbe3ef;--sgs-card:#fff;--sgs-danger:#b91c1c;--sgs-success:#047857;--sgs-warning:#92400e;--sgs-shadow:0 1rem 2.5rem #0f172a14;background:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--sgs-ink);background:radial-gradient(circle at 0 0,#fff7ed 0,#f7f9fc 32rem);margin:0}.foundation-shell{max-width:720px;margin:0 auto;padding:15vh 1.5rem}.auth-page{background:linear-gradient(135deg,#fff7ed 0%,#eff6ff 52%,#fff 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.portal-card{border:1px solid var(--sgs-line);width:min(100%,720px);box-shadow:var(--sgs-shadow);background:linear-gradient(#fff,#fffaf3);border-radius:1.25rem;padding:clamp(1.35rem,5vw,3rem)}.login-card{max-width:480px}.eyebrow{color:var(--sgs-saffron-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:800}h1{color:var(--sgs-blue-dark);letter-spacing:-.045em;margin:.35rem 0 .85rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}h2,h3,h4{color:var(--sgs-blue-dark)}p{color:var(--sgs-muted);line-height:1.6}.muted{color:var(--sgs-muted)}.login-form{gap:.7rem;margin-top:1.5rem;display:grid}label{color:#24364b;font-weight:700}input,textarea,select{width:100%;color:var(--sgs-ink);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.7rem;padding:.82rem .9rem}input:disabled,textarea:disabled,select:disabled{color:#94a3b8;background:#f1f5f9}input:focus,textarea:focus,select:focus{border-color:var(--sgs-saffron);outline:3px solid #fbbf2455}.button{color:#fff;background:linear-gradient(135deg, var(--sgs-blue), #1769aa);max-width:100%;font:inherit;cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;margin-top:.75rem;padding:.82rem 1rem;font-weight:800;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 .5rem 1.25rem #0f4c8126}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65}.button-secondary{color:var(--sgs-blue-dark);box-shadow:none;background:#e2e8f0}.button-link{text-align:center;margin-right:.5rem;text-decoration:none}.button-call{color:#fff;background:linear-gradient(135deg, var(--sgs-blue), #1769aa);text-decoration:none}.button-whatsapp{color:#065f46;box-shadow:none;background:#dcfce7;border:1px solid #86efac;text-decoration:none}.error-message{color:var(--sgs-danger)!important}.success-message{color:var(--sgs-success)}.brand-lockup{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.brand-logo img,.brand-logo-fallback{object-fit:contain;background:#fffdf7;border:1px solid #fde68a;border-radius:1rem;flex:none;width:3.35rem;height:3.35rem;box-shadow:0 .4rem 1rem #92400e18}.brand-logo-fallback{color:#fff;background:linear-gradient(135deg, var(--sgs-saffron), var(--sgs-blue));letter-spacing:-.06em;place-items:center;font-weight:900;display:grid}.brand-logo-text{min-width:0;display:grid}.brand-logo-text strong{color:var(--sgs-blue-dark);font-size:1rem;line-height:1.15}.brand-logo-text small{color:var(--sgs-muted);font-size:.78rem}.brand-logo-compact img,.brand-logo-compact .brand-logo-fallback{border-radius:.85rem;width:2.65rem;height:2.65rem}.brand-logo-compact .brand-logo-text small{display:none}.page-brand-header{align-items:center;gap:1rem;display:flex}.user-dashboard-header{background:#fffe;border:1px solid #bfdbfe;border-radius:1.1rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex;box-shadow:0 .6rem 1.6rem #0f172a0a}.user-dashboard-brand{align-items:center;gap:.85rem;min-width:0;display:flex}.user-dashboard-brand>div{gap:.25rem;min-width:0;display:grid}.user-dashboard-brand strong{color:var(--sgs-blue-dark);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-pill{color:#7c2d12;text-transform:uppercase;letter-spacing:.06em;background:#ffedd5;border-radius:999px;width:fit-content;padding:.2rem .55rem;font-size:.75rem;font-weight:900}.user-dashboard-logout{flex:none}.user-dashboard-error{flex-basis:100%;margin:0}.app-shell{min-height:100vh;display:grid}.admin-shell{grid-template-columns:292px minmax(0,1fr)}.app-sidebar{border-right:1px solid var(--sgs-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffe,#fff7eddd);flex-direction:column;gap:1.25rem;height:100vh;padding:1.1rem;display:flex;position:sticky;top:0;box-shadow:0 1rem 2rem #0f172a0d}.app-nav{gap:.25rem;padding-right:.25rem;display:grid;overflow-y:auto}.app-nav-link{color:#334155;border-radius:.85rem;padding:.72rem .85rem;font-weight:800;text-decoration:none}.app-nav-link:hover,.app-nav-link-active{color:var(--sgs-blue-dark);background:#eff6ff}.app-nav-link-active{box-shadow:inset 4px 0 0 var(--sgs-saffron)}.app-logout{margin-top:auto}.app-content{min-width:0}.mobile-admin-bar,.mobile-nav-strip{display:none}.records-page{max-width:1120px;margin:0 auto;padding:clamp(1rem,3vw,2rem) 1rem 4rem}.records-header{margin-bottom:1.35rem}.records-header h1{max-width:780px}.records-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;gap:.55rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-button{color:#334155;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.65rem 1rem;font-weight:800}.tab-button-active{color:#fff;background:var(--sgs-blue);border-color:var(--sgs-blue);box-shadow:0 .5rem 1rem #0f4c8122}.record-section{border:1px solid var(--sgs-line);background:var(--sgs-card);border-radius:1.15rem;padding:1.25rem;box-shadow:0 .6rem 1.6rem #0f172a0a}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading h2,.record-section>h2{margin:.25rem 0 1rem}.record-form{gap:1rem;margin-bottom:1.25rem;display:grid}.record-form>.section-heading{border-top:1px solid #e2e8f0;margin-top:.35rem;padding-top:.85rem}.record-form>.section-heading:first-child{border-top:0;margin-top:0;padding-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid label{gap:.4rem;display:grid}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;gap:.6rem!important;display:flex!important}.checkbox-label input{width:1rem;height:1rem;accent-color:var(--sgs-saffron)}.button-small{margin-top:0;padding:.55rem .75rem;font-size:.875rem}.record-state{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.85rem;padding:1rem}.record-note{border-left:4px solid var(--sgs-saffron);color:#475569;background:#fffbeb;border-radius:.75rem;margin:.25rem 0 1rem;padding:.8rem .9rem}.record-list{gap:.8rem;display:grid}.record-item{border:1px solid var(--sgs-line);overflow-wrap:anywhere;background:#fff;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem;display:flex}.record-item>div{gap:.28rem;min-width:0;display:grid}.record-item strong{color:var(--sgs-blue-dark)}.record-item span:not(.status-pill){color:var(--sgs-muted);font-size:.92rem}.record-actions{flex-wrap:wrap;align-items:flex-end;gap:.5rem!important;display:flex!important}.status-pill{border-radius:999px;width:fit-content;padding:.22rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.status-active{color:#065f46;background:#d1fae5}.status-inactive{color:#334155;background:#e2e8f0}.status-warning{color:#92400e;background:#fef3c7}.warning-message{color:var(--sgs-warning)!important}.fee-section{margin-top:1.25rem}.fee-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.fee-summary div{border:1px solid var(--sgs-line);background:linear-gradient(#fff,#f8fafc);border-radius:.85rem;gap:.35rem;padding:1rem;display:grid}.fee-summary span{color:var(--sgs-muted);font-size:.9rem}.fee-summary strong{color:var(--sgs-blue-dark);font-size:1.15rem}.list-controls{align-items:end}.list-controls .form-grid{min-width:min(100%,560px)}.receipt-card{border:1px solid var(--sgs-line);background:#fff;border-radius:.85rem;gap:1rem;padding:1.25rem;display:grid}.receipt-card h2{margin:0}.receipt-grid{grid-template-columns:minmax(120px,180px) 1fr;gap:.7rem 1rem;display:grid}.receipt-grid span{color:var(--sgs-muted)}.receipt-grid strong{color:var(--sgs-blue-dark)}.notification-overlay{z-index:50;background:#0f172a88;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.notification-modal{border:1px solid var(--sgs-line);width:min(100%,460px);box-shadow:var(--sgs-shadow);background:#fff;border-radius:1rem;padding:1.25rem}.notification-modal h2{margin:.25rem 0 .75rem}.modal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.pwa-install-hint{z-index:20;border:1px solid var(--sgs-line);width:min(100% - 2rem,520px);box-shadow:var(--sgs-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:1rem;right:1rem}.pwa-install-hint strong{color:var(--sgs-blue-dark)}.pwa-install-hint p{margin:.25rem 0 0}.pwa-install-actions{flex-shrink:0;gap:.5rem;display:flex}.employee-due-list{gap:1rem}.employee-due-card{background:linear-gradient(#fff,#f8fbff);border-color:#bfdbfe;align-items:stretch}.employee-due-content{width:100%;gap:.85rem!important;display:grid!important}.employee-due-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.75rem;display:flex}.employee-due-header>div{gap:.2rem;min-width:0;display:grid}.employee-due-header strong{font-size:1.08rem}.employee-due-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.65rem;display:grid}.employee-due-summary div{background:#fff;border:1px solid #e2e8f0;border-radius:.8rem;gap:.2rem;padding:.75rem;display:grid}.employee-due-summary span{color:var(--sgs-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:800}.employee-due-summary strong{color:var(--sgs-blue-dark);font-size:1rem}.employee-reminder-strip{flex-wrap:wrap;gap:.5rem;padding:.35rem 0;display:flex}.soft-warning{background:#fffbeb;border-radius:999px;width:fit-content;padding:.28rem .7rem;font-weight:800;display:inline-flex}.contact-panel{background:#fff;border:1px solid #dbeafe;border-radius:1rem;gap:.65rem;padding:.85rem;display:grid}.contact-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.contact-panel-heading h3{margin:0;font-size:1rem}.single-contact-note{color:#7c2d12;background:#ffedd5;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:900}.contact-action-list{gap:.65rem;display:grid}.contact-person-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.contact-person-meta{gap:.12rem;min-width:0;display:grid}.contact-person-meta strong{color:var(--sgs-blue-dark)}.contact-person-meta span,.contact-person-meta small{color:var(--sgs-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-person-actions{grid-template-columns:repeat(2,minmax(86px,1fr));gap:.45rem;min-width:184px;display:grid}.contact-person-actions .button{min-height:42px;margin-top:0;padding-inline:.75rem}.contact-links{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.contact-links .button-link{color:#fff;margin-right:0}.contact-action-pair{flex-wrap:wrap;gap:.45rem;min-width:0;display:flex}.whatsapp-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.85rem;max-width:720px;margin:.15rem 0 0;padding:.65rem .75rem}.whatsapp-preview summary{color:#166534;cursor:pointer;font-weight:800}.whatsapp-preview pre{white-space:pre-wrap;word-break:break-word;color:#14532d;font:inherit;margin:.75rem 0 0;line-height:1.55}.assignment-grid{gap:1.25rem;display:grid}.assignment-card{align-items:stretch}.inline-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.6rem 0;gap:.75rem!important;display:flex!important}.inline-row:first-of-type{border-top:0}.assignment-summary{margin:1rem 0}.supporting-access{margin-top:1.25rem}.supporting-access-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.supporting-access-list{border:1px solid var(--sgs-line);background:#f8fafc;border-radius:.85rem;align-content:start;gap:.5rem;padding:1rem;display:grid}.supporting-access-list h4{margin:0}.call-followup-form{border:1px solid var(--sgs-line);background:#f8fafc;border-radius:.85rem;gap:.75rem;margin-top:.75rem;padding:.85rem;display:grid}.call-followup-form label{gap:.35rem;display:grid}.call-followup-form textarea{resize:vertical}.dashboard-page{max-width:1240px}.dashboard-hero{box-shadow:var(--sgs-shadow);background:linear-gradient(135deg,#fff,#eff6ff 50%,#fff7ed);border:1px solid #bfdbfe;border-radius:1.4rem;justify-content:space-between;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.dashboard-hero h1{font-size:clamp(2.2rem,5vw,3.7rem)}.dashboard-operator{background:#fffbeb;border:1px solid #fed7aa;border-radius:1rem;align-content:center;min-width:220px;padding:1rem;display:grid}.dashboard-operator span,.dashboard-operator small{color:var(--sgs-muted)}.dashboard-operator strong{color:var(--sgs-blue-dark)}.dashboard-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.stat-card{border:1px solid var(--sgs-line);background:#fff;border-radius:1rem;align-content:start;gap:.35rem;min-height:132px;padding:1rem;display:grid;box-shadow:0 .6rem 1.3rem #0f172a0a}.stat-card span,.stat-card small{color:var(--sgs-muted)}.stat-card strong{color:var(--sgs-blue-dark);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.1}.stat-card-warning{background:#fffbeb;border-color:#fcd34d}.dashboard-section{margin-top:1.25rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.feature-card{border:1px solid var(--sgs-line);min-height:150px;color:inherit;background:#fff;border-radius:1rem;align-content:start;gap:.65rem;padding:1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.feature-card:hover{border-color:var(--sgs-saffron);transform:translateY(-1px);box-shadow:0 .8rem 1.8rem #92400e12}.feature-card strong{color:var(--sgs-blue-dark);font-size:1.05rem}.feature-card span:not(.status-pill){color:var(--sgs-muted)}.feature-card-daily{background:linear-gradient(#fff,#fff7ed);border-color:#fed7aa}.feature-card-daily .status-pill{color:#7c2d12;background:#ffedd5}.feature-card-monitoring{background:linear-gradient(#fff,#eff6ff)}.feature-card-setup{opacity:.92}.feature-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid-compact .feature-card{min-height:130px}.advanced-tools-section{opacity:.96}.dashboard-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.mini-list{gap:.5rem;display:grid}.mini-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.mini-row span{color:var(--sgs-muted)}.mini-row strong{color:var(--sgs-blue-dark)}@media (width<=680px){h1{font-size:clamp(1.75rem,10vw,2.35rem)}.auth-page{align-items:start;padding:1rem}.portal-card{border-radius:1rem}.form-grid{grid-template-columns:1fr}.record-section{border-radius:1rem;padding:1rem}.records-page{padding-left:.75rem;padding-right:.75rem}.record-item{flex-direction:column;align-items:flex-start}.record-item .button,.contact-action-pair,.contact-action-pair .button{width:100%}.employee-due-card{padding:.85rem}.employee-due-header{flex-direction:column;align-items:stretch}.employee-due-header .status-pill{align-self:flex-start}.employee-due-summary{grid-template-columns:1fr 1fr;gap:.5rem}.contact-panel{padding:.75rem}.contact-person-card{grid-template-columns:1fr;align-items:stretch}.contact-person-meta span,.contact-person-meta small{white-space:normal}.contact-person-actions{grid-template-columns:1fr 1fr;min-width:0}.contact-person-actions .button{width:100%;min-height:46px}.whatsapp-preview{padding:.65rem}.record-actions{flex-direction:column;align-items:stretch;width:100%}.modal-actions .button{width:100%}.pwa-install-hint{flex-direction:column;align-items:stretch;bottom:1rem;left:1rem;right:1rem}.pwa-install-actions .button{flex:1}.contact-links{flex-direction:column;width:100%}.inline-row{flex-direction:column;align-items:stretch}.receipt-grid{grid-template-columns:1fr;gap:.25rem}.page-brand-header,.page-brand-header .brand-logo{align-items:flex-start}.user-dashboard-header{flex-wrap:wrap;align-items:stretch;gap:.75rem;padding:.75rem}.user-dashboard-brand{flex:100%;max-width:100%}.user-dashboard-logout{width:100%;min-height:44px}.section-heading{flex-direction:column;align-items:stretch;gap:.35rem}.section-heading h2,.section-heading p{margin-bottom:.35rem}.section-heading .button{width:100%}.records-tabs{margin-left:-.1rem;padding-bottom:.55rem}.tab-button{padding:.6rem .85rem;font-size:.92rem}.record-form{gap:.85rem}.report-row .status-pill{align-self:flex-start}.mini-row{flex-direction:column;align-items:flex-start;gap:.35rem}}@media (width<=420px){.employee-due-summary,.contact-person-actions{grid-template-columns:1fr}}@media (width<=1120px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.feature-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.admin-shell{display:block}.app-sidebar{display:none}.mobile-admin-bar{z-index:30;border-bottom:1px solid var(--sgs-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.mobile-nav-strip{overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid var(--sgs-line);background:#f8fafc;gap:.45rem;padding:.6rem .75rem;display:flex;overflow-x:auto}.mobile-nav-strip a{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex:none;max-width:180px;padding:.52rem .7rem;font-size:.9rem;font-weight:800;text-decoration:none;overflow:hidden}.mobile-nav-strip a[aria-current=page]{color:#fff;background:var(--sgs-blue);border-color:var(--sgs-blue)}.dashboard-hero{flex-direction:column}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split{grid-template-columns:1fr}}@media (width<=680px){.dashboard-stats,.feature-grid,.feature-grid-compact{grid-template-columns:1fr}.dashboard-hero{border-radius:1rem}.dashboard-operator{min-width:0}.brand-logo-text strong{font-size:.95rem}}@media print{body{color:#111827;background:#fff}.records-page>:not(.receipt-panel),.no-print{display:none!important}.records-page{max-width:none;padding:0}.record-section,.receipt-card{box-shadow:none;background:#fff;border:0}.eyebrow,.muted,.receipt-grid span,.receipt-grid strong,.receipt-card h2{color:#111827}}