:root{--primary:#efe7da;--bg:#faf8f5;--panel:#ffffff;--accent:#8b7355;--ink:#3a342e;--muted:#82766a;--line:#ddd2c2;--success:#8baa91;--warning:#d6a75f;--error:#c96b63;--panel-soft:#f7f2ea;--primary-strong:#715d43;--gold:var(--warning);--rose:var(--error);--blue:var(--accent);--shadow:0 24px 70px rgba(58,52,46,0.09);--shadow-soft:0 12px 34px rgba(58,52,46,0.06)}*{box-sizing:border-box}html{background:var(--bg)}body,html{color:var(--ink)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 8% 8%,rgba(239,231,218,.9),transparent 24rem),linear-gradient(145deg,#faf8f5,#f5efe7 58%,#fbfaf8)}.app,.login{min-height:100vh}.login{display:grid;place-items:center;padding:1.25rem}.brand-mark{display:inline-grid;width:3rem;height:3rem;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f6eee3,#ffffff);border:1px solid var(--line);color:var(--accent);font-weight:800;box-shadow:var(--shadow-soft)}.login-panel{display:grid;place-items:center;width:100%;padding:clamp(1rem,4vw,3rem)}.auth-card,.modal,.panel,.report-page{background:rgba(255,255,255,.92);border:1px solid rgba(221,210,194,.82);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card{width:min(100%,460px);margin:auto;border-radius:28px;padding:clamp(1.35rem,4vw,2rem)}.login-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.35rem}.login-brand h1{margin:.1rem 0 0;font-size:1.45rem;line-height:1.15}.login-input{min-height:56px}.password-field{position:relative}.password-field .login-input{padding-right:3.4rem}.password-toggle{position:absolute;top:50%;right:.55rem;display:inline-grid;width:2.45rem;height:2.45rem;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted);transform:translateY(-50%);transition:background .18s ease,color .18s ease}.password-toggle:hover{background:var(--panel-soft);color:var(--accent)}.password-toggle svg{width:1.1rem;height:1.1rem}.login-error{margin:.9rem 0 0;border:1px solid rgba(201,107,99,.25);border-radius:14px;padding:.78rem .9rem;background:rgba(201,107,99,.08);color:var(--error);font-size:.9rem;font-weight:700}.login-button{width:100%;min-height:56px;margin-top:1.2rem}.login-subtitle{margin:0 0 1.35rem;color:var(--muted);line-height:1.65;font-size:.95rem}.role-summary{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:.9rem;border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;background:linear-gradient(145deg,#fff,#faf6ef)}.role-summary span{color:var(--muted);font-size:.86rem}.check-row{display:flex;align-items:center;gap:.55rem;margin-top:.95rem;color:var(--muted);font-size:.9rem}.check-row input{width:1rem;height:1rem;accent-color:var(--accent)}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.role-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.35rem;border:1px solid rgba(139,170,145,.45);border-radius:999px;padding:.34rem .65rem;background:#f1f7f1;color:#55785e;font-size:.76rem;font-weight:900}.role-badge:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--success)}.role-badge.viewer{border-color:var(--line);background:var(--panel-soft);color:var(--accent)}.role-badge.viewer:before{background:var(--accent)}.field{display:grid;grid-gap:.45rem;gap:.45rem;margin-top:1rem}.field label{color:var(--muted);font-size:.85rem;font-weight:700}.input,.select,.textarea{width:100%;min-height:56px;border:1px solid var(--line);border-radius:16px;padding:.86rem .95rem;background:#fffdfb;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.textarea{min-height:110px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(139,115,85,.13);background:white}.button{min-height:56px;border:1px solid transparent;border-radius:16px;padding:.82rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:800;color:var(--ink);background:white;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.button svg{width:1rem;height:1rem;flex:0 0 auto}.button.primary{background:var(--accent);color:white}.button.dark{background:var(--ink);color:white}.button.ghost{border-color:var(--line);background:rgba(255,255,255,.72)}.button:disabled{opacity:.45;cursor:not-allowed}.role-toggle,.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem;gap:.45rem;padding:.4rem;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.role-toggle button,.tabs button{border:0;border-radius:14px;padding:.7rem;background:transparent;font-weight:800;color:var(--muted)}.role-toggle button.active,.tabs button.active{color:white;background:var(--accent);box-shadow:0 8px 20px rgba(139,115,85,.18)}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .24s ease}.shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:1rem;border-right:1px solid rgba(221,210,194,.85);background:rgba(250,248,245,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:auto;transition:transform .24s ease,width .24s ease,padding .24s ease;z-index:30}.drawer-backdrop{display:none}.icon-button{display:inline-grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);color:var(--accent);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.icon-button:hover{transform:translateY(-1px);background:white;box-shadow:var(--shadow-soft)}.icon-button svg{width:1.1rem;height:1.1rem}.side-head{display:flex;align-items:center;gap:.75rem;padding:.35rem .3rem 1rem}.side-title{min-width:0}.side-head strong{display:block}.side-head span{color:var(--muted);font-size:.78rem}.sidebar-close{display:none;margin-left:auto}.nav-list{display:grid;grid-gap:.35rem;gap:.35rem}.nav-button{width:100%;border:0;border-radius:16px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:flex-start;gap:.65rem;min-height:52px;padding:.78rem .82rem;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-button svg{width:1.05rem;height:1.05rem;flex:0 0 auto}.nav-button:hover{background:rgba(239,231,218,.7);color:var(--ink)}.nav-button>span:not(.badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button .badge{margin-left:auto}.nav-button.active{background:var(--ink);color:white}.sidebar-collapsed .sidebar{padding-inline:.85rem}.sidebar-collapsed .nav-button .badge,.sidebar-collapsed .nav-button span:not(.badge),.sidebar-collapsed .side-title{display:none}.sidebar-collapsed .side-head{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-button{justify-content:center;padding-inline:.5rem}.content{min-width:0;padding:1.25rem clamp(1rem,3vw,2.2rem) 2.2rem}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:18;min-height:4.4rem;justify-content:space-between;gap:1rem;margin:-1.25rem calc(-1 * clamp(1rem, 3vw, 2.2rem)) 1rem;padding:1rem clamp(1rem,3vw,2.2rem);border-bottom:1px solid rgba(221,210,194,.72);background:rgba(250,248,245,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{min-width:0;gap:.75rem}.menu-button{display:none}.topbar h1{margin:0;font-size:clamp(1.35rem,3vw,2.3rem);line-height:1.1}.topbar p{margin:.3rem 0 0;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:flex-end}.user-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;border:1px solid var(--line);border-radius:18px;padding:.4rem .75rem .4rem .45rem;background:rgba(255,255,255,.72);color:var(--ink);text-align:left}.avatar{display:inline-grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:999px;background:var(--ink);color:white;font-size:.78rem;font-weight:900}.user-chip span:last-child{display:grid;grid-gap:.05rem;gap:.05rem}.user-chip small{color:var(--muted);font-size:.75rem;font-weight:700}.avatar-menu{display:none}.grid{display:grid;grid-gap:1.05rem;gap:1.05rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.two-col{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.panel{border-radius:24px;padding:clamp(1rem,2vw,1.35rem)}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel-head h2,.panel-head h3{margin:0;font-size:1rem}.panel-head p{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.stat{display:grid;grid-gap:.8rem;gap:.8rem;min-height:150px}.stat-icon{width:2.55rem;height:2.55rem;display:grid;place-items:center;border-radius:16px;background:var(--primary);color:var(--accent)}.stat strong{font-size:clamp(1.55rem,4vw,2.4rem)}.muted,.stat span{color:var(--muted)}.progress{height:.55rem;border-radius:999px;overflow:hidden;background:#eee4d6}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--warning))}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:.8rem;gap:.8rem}.module-card{min-height:165px;border:1px solid var(--line);border-radius:22px;padding:1rem;background:white;display:grid;align-content:space-between;grid-gap:1rem;gap:1rem;box-shadow:0 10px 30px rgba(58,52,46,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.module-card:hover{border-color:#cbb99f;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.module-card h3{margin:0;font-size:1rem}.module-card p{margin:.35rem 0 0;color:var(--muted);line-height:1.45;font-size:.88rem}.badge{display:inline-flex;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.35rem .6rem;background:var(--primary);color:var(--primary-strong);font-size:.76rem;font-weight:800}.badge.gold{background:#fbf0dc;color:#8a6223}.badge.rose{background:#f8e8e5;color:#9b4f48}.activity-list,.gallery,.timeline{display:grid;grid-gap:.75rem;gap:.75rem}.activity-item{border:1px solid var(--line);border-radius:20px;padding:.95rem;background:white}.activity-item header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.activity-item h3{margin:0;font-size:.98rem}.activity-item p{margin:.4rem 0 0;color:var(--muted);line-height:1.5}.meta{gap:.45rem;margin-top:.7rem}.meta,.toolbar{display:flex;flex-wrap:wrap}.toolbar{gap:.6rem;margin-bottom:1rem}.search{min-width:min(100%,320px);flex:1 1}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(58,52,46,.45);display:grid;place-items:center;padding:1rem}.modal{width:min(100%,860px);max-height:min(90vh,900px);overflow:auto;border-radius:26px;padding:1.15rem}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.span-2{grid-column:1/-1}.upload-zone{border:1px dashed #c9b99f;border-radius:20px;padding:1rem;background:#fffaf3}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.7rem;gap:.7rem;margin-top:.8rem}.preview{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.preview img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.preview footer{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem;font-size:.72rem}.chart{grid-template-columns:repeat(6,1fr);align-items:end;grid-gap:.6rem;gap:.6rem;min-height:190px}.bar,.chart{display:grid}.bar{align-content:end;justify-items:center;grid-gap:.45rem;gap:.45rem;height:180px}.bar-fill{width:100%;max-width:44px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--accent),var(--warning))}.bar label{color:var(--muted);font-size:.75rem}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.4rem;gap:.4rem}.day{min-height:3.25rem;border:1px solid var(--line);border-radius:16px;background:white;padding:.4rem;display:grid;align-content:space-between}.day.active{border-color:#cbb99f;background:#f7efe4}.attendance-page{display:grid;grid-gap:1.05rem;gap:1.05rem;padding-bottom:env(safe-area-inset-bottom)}.attendance-mobile-accordions,.attendance-mobile-screen,.mobile-label,.mobile-retake-label,.mobile-sticky-upload{display:none}.attendance-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem}.attendance-hero h2{margin:.25rem 0 0;max-width:720px;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.12}.attendance-hero p{margin:.55rem 0 0;max-width:700px;color:var(--muted);line-height:1.6}.attendance-status{min-width:180px;border:1px solid rgba(139,170,145,.45);border-radius:22px;padding:1rem;background:#f1f7f1;color:#4f7557}.attendance-status.late{border-color:rgba(201,107,99,.42);background:#fbefed;color:#9d514b}.attendance-status span{display:block;margin-bottom:.35rem;color:currentColor;font-size:.76rem;font-weight:800;text-transform:uppercase}.attendance-status strong{font-size:1.25rem}.attendance-action{display:grid;grid-gap:1rem;gap:1rem}.attendance-input{min-height:3.3rem;font-size:1rem}.attendance-button{min-height:4rem;width:100%;font-size:1.05rem;background:var(--success)}.attendance-button.blue{background:#6f8ea8}.attendance-complete-badge{min-height:4rem;border:1px solid rgba(139,170,145,.45);border-radius:18px;display:grid;place-items:center;background:#f1f7f1;color:#55785e;font-weight:900}.attendance-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.65rem;gap:.65rem;margin-bottom:.9rem}.attendance-search{min-width:0}.selfie-box{display:grid;grid-gap:.75rem;gap:.75rem}.file-fallback,.selfie-tools{display:grid;grid-gap:.55rem;gap:.55rem}.selfie-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center}.file-fallback span,.selfie-tools span{color:var(--muted);font-size:.85rem;font-weight:700}.file-fallback{border:1px dashed #c9b99f;border-radius:22px;padding:.95rem;background:#fffaf3}.file-fallback input{cursor:pointer}.selfie-error{margin:0;border:1px solid rgba(201,107,99,.25);border-radius:16px;padding:.8rem .95rem;background:rgba(201,107,99,.08);color:var(--error);font-size:.9rem;font-weight:800}.selfie-tools p{margin:.25rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.45}.camera-panel{display:grid;grid-gap:.75rem;gap:.75rem;border:1px solid var(--line);border-radius:24px;padding:.75rem;background:#fffdfb}.camera-panel video{width:100%;min-height:280px;max-height:420px;border-radius:20px;background:#1f1d1a;object-fit:cover;transform:scaleX(-1)}.selfie-empty,.selfie-preview{width:100%;min-height:260px;border:1px solid var(--line);border-radius:24px;background:#fffdfb;overflow:hidden}.selfie-confirm{display:grid;grid-gap:.75rem;gap:.75rem}.selfie-confirm-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem}.selfie-preview{position:relative;padding:0}.selfie-preview img{width:100%;height:320px;display:block;object-fit:cover}.selfie-preview span{position:absolute;left:1rem;bottom:1rem;border-radius:999px;padding:.45rem .75rem;background:rgba(58,52,46,.72);color:white;font-size:.82rem;font-weight:800}.selfie-empty{display:grid;place-items:center;align-content:center;grid-gap:.7rem;gap:.7rem;color:var(--muted)}.selfie-empty svg{width:2.4rem;height:2.4rem;color:var(--accent)}.today-card{border:1px solid var(--line);border-radius:22px;padding:1rem;background:linear-gradient(145deg,white,#fbf7f0)}.attendance-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.7rem;gap:.7rem;margin-top:.8rem}.attendance-summary div{min-height:78px;border:1px solid var(--line);border-radius:18px;padding:.75rem;background:white}.attendance-summary span{display:block;color:var(--muted);font-size:.76rem;font-weight:800}.attendance-summary strong{display:block;margin-top:.35rem;font-size:1rem}.text-success{color:#55785e}.text-error{color:#a6544d}.mobile-only{display:none}.attendance-table-wrap{width:100%}.attendance-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0 .5rem}.attendance-table th{padding:.35rem .75rem;color:var(--muted);font-size:.76rem;text-align:left;text-transform:uppercase}.attendance-table td{padding:.6rem .7rem;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.attendance-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.attendance-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.attendance-mobile-list{display:none}.attendance-mobile-card{border:1px solid var(--line);border-radius:22px;padding:.9rem;background:white}.attendance-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.attendance-mobile-head span,.attendance-mobile-head strong{display:block}.attendance-mobile-head span{color:var(--muted);font-size:.84rem;margin-top:.2rem}.attendance-photo-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem;margin-top:.75rem;align-items:center}.attendance-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.42rem .65rem;background:#f1f7f1;color:#55785e;font-size:.78rem;font-weight:800;white-space:nowrap}.attendance-pill:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--success)}.attendance-pill.late{background:#fbefed;color:#a6544d}.attendance-pill.late:before{background:var(--error)}.photo-thumb{width:4rem;height:4rem;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;background:white}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.customer-care-page{display:grid;grid-gap:1.05rem;gap:1.05rem}.customer-care-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center}.customer-care-hero h2{margin:.25rem 0 0;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.12}.customer-care-hero p{margin:.55rem 0 0;color:var(--muted);line-height:1.6}.care-total{min-width:170px;border:1px solid var(--line);border-radius:24px;padding:1rem;background:linear-gradient(145deg,#fff,#faf6ef);text-align:center}.care-total small,.care-total span{display:block;color:var(--muted);font-weight:800}.care-total strong{display:block;margin:.25rem 0;font-size:2.4rem}.care-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.care-summary-card{display:grid;grid-gap:.35rem;gap:.35rem;min-height:132px}.care-poli-card header span,.care-summary-card span{color:var(--accent);font-size:.86rem;font-weight:900}.care-summary-card strong{font-size:2rem}.care-summary-card .care-summary-date{font-size:1.05rem;line-height:1.25}.care-summary-card p{margin:0;color:var(--muted);font-size:.84rem}.care-date-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.care-date-strip span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.care-date-strip strong{display:block;margin-top:.35rem;font-size:1.1rem}.care-accordion-list{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.care-poli-card{border:1px solid var(--line);border-radius:22px;padding:1rem;background:white}.care-accordion-trigger{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ink);text-align:left}.care-accordion-trigger em,.care-accordion-trigger span{color:var(--muted);font-size:.82rem;font-style:normal;font-weight:800}.care-accordion-trigger strong{flex:1 1}.care-accordion-body{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.care-upload{width:100%;margin-top:.8rem}.care-upload input{display:none}.care-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin-top:.75rem}.care-shot{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fffdfb}.care-shot>button{display:block;width:100%;border:0;padding:0;background:transparent}.care-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.care-shot footer{display:flex;justify-content:space-between;gap:.4rem;padding:.5rem;font-size:.76rem}.care-shot a,.care-shot footer button{border:0;background:transparent;color:var(--accent);font-weight:800;text-decoration:none}.care-history-wrap{width:100%}.care-history-cards{display:none}.customer-care-detail{width:min(100%,960px)}.care-detail-body{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1rem}.care-detail-section,.care-detail-total{border:1px solid var(--line);border-radius:20px;padding:1rem;background:#fffdfb}.care-detail-total span{display:block;color:var(--muted);font-weight:800}.care-detail-total strong{display:block;margin-top:.25rem;font-size:1.6rem}.care-detail-section header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.care-detail-section h3{margin:0;font-size:1rem}.care-notes{margin:.75rem 0 0;color:var(--muted);line-height:1.55}.care-report-section{margin-top:1rem}.care-report-table{width:100%;border-collapse:collapse;margin:1rem 0}.care-report-table td,.care-report-table th{border:1px solid var(--line);padding:.65rem;text-align:left}.care-report-shots{page-break-inside:avoid}.care-report-shots img{width:100%;max-height:420px;object-fit:contain;display:block;margin:.6rem 0;border:1px solid var(--line);border-radius:14px}.report{display:none}.report-page{border-radius:24px;padding:2rem;margin:1rem 0;page-break-after:always}.report-cover{min-height:740px;display:grid;align-content:end;color:white;background:linear-gradient(145deg,#8b7355,#3a342e)}.report-page h1{font-size:3rem;margin:0}.report-page h2{margin:0 0 1rem}@media (max-width:1120px){.two-col{grid-template-columns:1fr}.kpi-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.shell,.shell.sidebar-collapsed{grid-template-columns:1fr}.drawer-backdrop{position:fixed;inset:0;z-index:25;display:block;border:0;background:rgba(58,52,46,.34);opacity:0;pointer-events:none;transition:opacity .22s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.login-visual{min-height:42vh}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);height:100dvh;border-right:1px solid rgba(221,210,194,.9);background:rgba(250,248,245,.96);transform:translateX(-105%);box-shadow:20px 0 48px rgba(58,52,46,.16)}.sidebar.open{transform:translateX(0)}.sidebar-collapsed .nav-button .badge,.sidebar-collapsed .nav-button span:not(.badge),.sidebar-collapsed .side-title{display:grid}.sidebar-collapsed .nav-button,.sidebar-collapsed .side-head{justify-content:flex-start}.menu-button,.sidebar-close{display:inline-grid}.collapse-button{display:none}.topbar{min-height:60px;align-items:center;flex-direction:row;gap:.75rem;margin-bottom:.85rem;padding-block:.5rem}.topbar-title{flex:1 1;width:100%;gap:.55rem}.topbar-title>div{min-width:0}.topbar .role-badge,.topbar p,.user-chip span:last-child{display:none}.attendance-content .topbar p{display:block;margin-top:.1rem;font-size:.76rem}.attendance-content .topbar p,.topbar h1{overflow:hidden;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.topbar h1{font-size:1rem}.actions{position:relative;width:auto;flex:0 0 auto;justify-content:flex-end}.desktop-action{display:none}.user-chip{min-height:48px;width:48px;justify-content:center;border-radius:999px;padding:.25rem}.avatar{width:2.45rem;height:2.45rem}.avatar-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:22;display:none;width:min(72vw,240px);gap:.5rem;border:1px solid var(--line);border-radius:20px;padding:.6rem;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.avatar-menu.open{display:grid}.avatar-menu .button{width:100%;justify-content:flex-start}.actions>.button.primary{width:48px;min-height:48px;padding:0;overflow:hidden;color:transparent;gap:0}.actions>.button.primary svg{color:white}.form-grid,.kpi-grid,.module-grid,.preview-grid{grid-template-columns:1fr}.attendance-hero{display:none}.attendance-page{gap:.85rem;padding-bottom:calc(5.8rem + env(safe-area-inset-bottom))}.attendance-mobile-screen{display:grid;grid-gap:.75rem;gap:.75rem}.attendance-mobile-date{display:grid;grid-gap:.1rem;gap:.1rem}.attendance-mobile-date span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.attendance-mobile-date strong{font-size:1.02rem}.attendance-mobile-status{display:grid;grid-gap:.25rem;gap:.25rem;border:1px solid var(--line);border-radius:24px;padding:1rem;background:white;box-shadow:var(--shadow-soft)}.attendance-mobile-status small,.attendance-mobile-status span{color:var(--muted);font-size:.82rem;font-weight:800}.attendance-mobile-status strong{font-size:1.35rem;line-height:1.15}.attendance-mobile-status.success{border-color:rgba(139,170,145,.45);background:#f6fbf6;color:#4f7557}.attendance-mobile-status.late{border-color:rgba(201,107,99,.42);background:#fbefed;color:#9d514b}.attendance-mini-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.35rem;gap:.35rem}.attendance-mini-progress span{min-height:2.25rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);font-size:.72rem;font-weight:900}.attendance-mini-progress span.done{border-color:rgba(139,170,145,.45);background:#eef6ef;color:#55785e}.attendance-history-panel,.today-card{display:none}.attendance-action{border:0;box-shadow:none;background:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.attendance-action .form-grid{gap:.7rem}.desktop-label{display:none}.mobile-label{display:inline}.attendance-button{position:fixed;left:1rem;right:1rem;bottom:calc(.85rem + env(safe-area-inset-bottom));z-index:24;min-height:56px;border-radius:18px;box-shadow:0 16px 32px rgba(58,52,46,.2)}.mobile-sticky-upload{display:inline-flex}.mobile-hidden-action{display:none}.attendance-button:disabled{opacity:1;background:#d8d0c4;color:#756a5e}.selfie-tools{display:none}.file-fallback{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.file-fallback span,.selfie-confirm-actions .button.primary,.selfie-empty{display:none}.mobile-retake-label{display:inline-flex}.desktop-retake-button{display:none}.selfie-empty,.selfie-preview{min-height:auto;border-radius:24px}.selfie-preview img{height:300px}.selfie-confirm-actions{grid-template-columns:1fr}.attendance-mobile-accordions{display:grid;grid-gap:.65rem;gap:.65rem}.attendance-mobile-accordions details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.88);overflow:hidden}.attendance-mobile-accordions summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-weight:900;cursor:pointer}.attendance-mobile-accordions details>:not(summary){margin:0 1rem 1rem}.attendance-mobile-stats{display:grid;grid-gap:.65rem;gap:.65rem}.attendance-mobile-stats>div{min-height:70px;border:1px solid var(--line);border-radius:18px;padding:.75rem;background:white}.attendance-mobile-stats span{display:block;color:var(--muted);font-size:.76rem;font-weight:800}.attendance-mobile-stats strong{display:block;margin-top:.35rem;font-size:1rem}.attendance-filters,.attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-care-hero{align-items:stretch;flex-direction:column}.care-total{width:100%}.care-date-strip,.care-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-search{grid-column:1/-1}}@media (max-width:520px){.content{padding:.85rem 1rem 1.4rem}.topbar{margin:-.85rem -1rem .85rem;padding:calc(.45rem + env(safe-area-inset-top)) 1rem .45rem}.topbar h1{font-size:.98rem}.kpi-grid,.module-grid{grid-template-columns:1fr}.auth-card,.modal,.panel{padding:.8rem}.modal{width:100%;height:100dvh;max-height:none;border-radius:0}.activity-item header,.panel-head{flex-direction:column}.attendance-page{gap:.8rem}.attendance-hero h2{font-size:1.5rem}.selfie-empty,.selfie-preview{min-height:230px}.selfie-tools{grid-template-columns:1fr}.camera-panel video{min-height:250px}.selfie-preview img{height:260px}.attendance-filters,.attendance-photo-row,.attendance-summary,.selfie-confirm-actions{grid-template-columns:1fr}.attendance-table{display:none}.attendance-table-wrap{overflow:visible}.attendance-mobile-list{display:grid;grid-gap:.75rem;gap:.75rem}.care-date-strip,.care-screenshot-grid,.care-summary-grid{grid-template-columns:1fr}.care-history-table{display:none}.care-history-cards{display:grid;grid-gap:.75rem;gap:.75rem}}@media print{body{background:white}.app>.shell,.login{display:none!important}.report{display:block}.report-page{box-shadow:none;border:0;min-height:100vh;margin:0;border-radius:0}}