:root{--bg: #FAFBF9;--surface: #FFFFFF;--border: #EEF1ED;--text: #1E293B;--text-dark: #183B2B;--text-muted: #6B7280;--text-subtle: #7A867F;--green: #6FAF8F;--green-dark: #5D9B7C;--green-light: #7DBD9A;--green-bg: #E5F3EA;--green-soft: #F0F7F3;--terra: #D89A7B;--terra-dark: #C78363;--terra-bg: #F4E5DD;--terra-soft: #FBF7F4;--blue: #7BAFD4;--blue-bg: #EBF4FB;--blue-soft: #F5F9FC;--sidebar-w: 280px;--r-sm: 14px;--r-md: 18px;--r-lg: 24px;--r-xl: 28px;--r-2xl: 32px;--shadow-sm: 0 8px 24px rgba(15,23,42,.04);--shadow-md: 0 16px 45px rgba(15,23,42,.04);--shadow-lg: 0 20px 60px rgba(15,23,42,.05);--shadow-green: 0 12px 24px rgba(111,175,143,.18)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:rgba(255,255,255,.9);border-right:1px solid var(--border);padding:28px 22px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:100}.sidebar-logo{margin-bottom:36px}.sidebar-logo img{width:110px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;color:var(--text-subtle);padding:11px 14px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;transition:all .18s ease}.nav-item:hover,.nav-item.active{background:var(--green-soft);color:var(--green-dark)}.nav-item svg{opacity:.75}.nav-item:hover svg,.nav-item.active svg{opacity:1}.sidebar-card{background:linear-gradient(135deg,#F5F8F5,#F6EFE9);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;margin-top:20px}.sidebar-card p{color:var(--text-subtle);font-size:12px;margin-bottom:6px}.sidebar-card strong{display:block;color:var(--text-dark);font-size:14px;margin-bottom:6px}.sidebar-card span{color:var(--terra-dark);font-size:12px;font-weight:600}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px;background:var(--bg);border-radius:var(--r-md);margin-bottom:8px}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info strong{display:block;font-size:13px;color:var(--text-dark)}.sidebar-user-info span{font-size:11px;color:var(--text-subtle);text-transform:capitalize}.logout-btn{width:100%;padding:11px 14px;border:1px solid var(--border);background:white;color:var(--text-subtle);border-radius:var(--r-md);font-size:13px;font-weight:500;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:#FEF2F2;color:#ef4444;border-color:#fecaca}.main-content{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));padding:32px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.topbar-actions{display:flex;gap:10px;align-items:center}.primary-btn{height:42px;padding:0 18px;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadow-green);display:inline-flex;align-items:center;gap:6px;transition:all .18s;cursor:pointer}.primary-btn:hover{transform:translateY(-1px);opacity:.94}.ghost-btn{height:42px;padding:0 18px;border:1px solid var(--border);border-radius:var(--r-md);background:white;color:var(--text-muted);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .18s;cursor:pointer}.ghost-btn:hover{border-color:var(--green);color:var(--green-dark)}.danger-btn{height:38px;padding:0 14px;border:1px solid #FECACA;border-radius:var(--r-sm);background:#FEF2F2;color:#ef4444;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .18s;cursor:pointer}.danger-btn:hover{background:#FEE2E2}.icon-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-sm);background:white;color:var(--text-muted);font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:all .18s;cursor:pointer}.icon-btn:hover{background:var(--green-soft);color:var(--green-dark)}.status-badge{display:inline-block;background:var(--green-bg);color:var(--green-dark);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em}.status-badge.warning{background:#FEF3C7;color:#d97706}.status-badge.alert{background:#FEE2E2;color:#ef4444}.panel,.profile-panel{background:white;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-header h3{color:var(--text-dark);font-size:17px;margin-bottom:4px}.panel-header p{color:var(--text-subtle);font-size:13px}.panel-header a,.panel-header button.link-btn{color:var(--terra-dark);font-size:13px;font-weight:600;background:none;border:none;cursor:pointer}.hero-section{background:radial-gradient(circle at top right,rgba(216,154,123,.12),transparent 30%),linear-gradient(135deg,#FFFFFF,#F5F8F5);border:1px solid var(--border);border-radius:var(--r-2xl);padding:28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);margin-bottom:22px;gap:20px}.resident-info{display:flex;align-items:center;gap:18px}.resident-info img{width:80px;height:80px;border-radius:var(--r-xl);object-fit:cover}.resident-info h3{font-size:26px;color:var(--text-dark);margin:8px 0 4px}.resident-info p{color:var(--text-muted);font-size:14px}.hero-meta{display:flex;gap:28px}.hero-meta>div span{display:block;color:var(--text-subtle);font-size:12px;margin-bottom:4px}.hero-meta>div strong{color:var(--text-dark);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm);background:radial-gradient(circle at top right,rgba(111,175,143,.1),transparent 40%),linear-gradient(135deg,#FFFFFF,#F7FAF8)}.stat-card:nth-child(2){background:radial-gradient(circle at top right,rgba(216,154,123,.12),transparent 40%),linear-gradient(135deg,#FFFFFF,#FBF7F4)}.stat-card:nth-child(3){background:radial-gradient(circle at top right,rgba(123,175,212,.12),transparent 40%),linear-gradient(135deg,#FFFFFF,#F5F9FC)}.stat-card:nth-child(4){background:radial-gradient(circle at top right,rgba(216,154,123,.16),transparent 40%),linear-gradient(135deg,#FFFFFF,#F8F3EF)}.stat-card>span{display:block;color:var(--text-subtle);font-size:12px;margin-bottom:8px}.stat-card>strong{display:block;color:var(--text-dark);font-size:20px;margin-bottom:6px}.stat-card>p{color:var(--green);font-size:13px;font-weight:600}.stat-card.accent>p{color:var(--terra-dark)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel.large{grid-row:span 2}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:14px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:9px;top:22px;bottom:-20px;width:2px;background:var(--border)}.dot{width:18px;height:18px;border-radius:50%;background:#D9E3DD;margin-top:2px;position:relative;z-index:2}.timeline-item.done .dot{background:var(--green)}.timeline-item.current .dot{background:var(--terra);box-shadow:0 0 0 6px #d89a7b1f}.timeline-item strong{color:var(--text-dark);font-size:14px}.timeline-item p{color:var(--text-muted);font-size:13px;line-height:1.5;margin:4px 0}.timeline-item span{color:#9ca3af;font-size:12px}.activity-timeline{display:flex;flex-direction:column;gap:14px}.activity-item{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r-lg);border:1px solid var(--border);background:white}.activity-item.completed{background:#F9FBF9}.activity-item.current{background:var(--terra-soft);border-color:#d89a7b4d}.activity-time{font-size:12px;font-weight:600;color:var(--text-subtle);padding-top:2px}.activity-top{display:flex;gap:8px;margin-bottom:6px}.activity-content h4{font-size:14px;color:var(--text-dark);margin-bottom:4px}.activity-content p{font-size:13px;color:var(--text-muted)}.activity-tag{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.activity-tag.green{background:var(--green-bg);color:var(--green-dark)}.activity-tag.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.activity-tag.blue{background:var(--blue-bg);color:var(--blue)}.activity-tag.gray{background:#F1F5F9;color:#64748b}.activity-type{font-size:11px;color:var(--text-subtle);font-weight:500;align-self:center}.filters-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter-btn{padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:white;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .18s}.filter-btn:hover{border-color:var(--green);color:var(--green-dark)}.filter-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#334155}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0 16px;height:48px;border-radius:var(--r-md);border:1px solid var(--border);background:#F8FAF8;color:var(--text);font-size:14px;outline:none;transition:all .18s}.form-group textarea{height:auto;padding:12px 16px;resize:vertical;min-height:90px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:white;border-color:#d89a7b99;box-shadow:0 0 0 4px #d89a7b14}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.submit-btn{width:100%;height:50px;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:15px;font-weight:600;box-shadow:var(--shadow-green);transition:all .2s;cursor:pointer}.submit-btn:hover{transform:translateY(-2px);opacity:.95}.meal-list{display:flex;flex-direction:column;gap:10px}.meal-item{background:#F8FAF8;border-radius:var(--r-md);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.meal-item>span{color:var(--text-muted);font-size:13px}.meal-item>strong{color:var(--green-dark);font-size:13px;font-weight:600}.meal-item.muted>strong{color:var(--terra-dark)}.meal-cards{display:flex;flex-direction:column;gap:14px}.meal-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;background:white}.meal-card.terracotta-bg{background:var(--terra-soft);border-color:#d89a7b33}.meal-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.meal-time{font-size:11px;color:var(--text-subtle);font-weight:600;margin-bottom:4px;display:block}.meal-card h4{font-size:15px;color:var(--text-dark)}.meal-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.meal-status.green{background:var(--green-bg);color:var(--green-dark)}.meal-status.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.meal-status.blue{background:var(--blue-bg);color:var(--blue)}.meal-description{font-size:13px;color:var(--text-muted);margin-bottom:12px}.meal-progress{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:6px}.meal-progress-bar{height:100%;background:var(--green);border-radius:999px}.meal-progress-bar.terracotta-bar{background:var(--terra)}.meal-percent{font-size:12px;color:var(--text-subtle)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-grid img{width:100%;height:88px;object-fit:cover;border-radius:var(--r-md)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.gallery-card{border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.gallery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gallery-card.terracotta-card{border-color:#d89a7b33;background:var(--terra-soft)}.gallery-card.blue-card{border-color:#7bafd433;background:var(--blue-soft)}.gallery-image{height:180px;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover}.gallery-info{padding:14px}.gallery-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gallery-category{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--green-bg);color:var(--green-dark)}.gallery-category.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.gallery-category.blue{background:var(--blue-bg);color:var(--blue)}.gallery-date{font-size:12px;color:var(--text-subtle)}.gallery-info h3{font-size:14px;color:var(--text-dark);margin-bottom:4px}.gallery-info p{font-size:12px;color:var(--text-muted)}.featured-gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:280px;margin-bottom:0}.featured-main{position:relative;border-radius:var(--r-xl);overflow:hidden}.featured-main img{width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff}.featured-tag{display:inline-block;padding:4px 10px;background:rgba(255,255,255,.2);border-radius:999px;font-size:11px;font-weight:600;margin-bottom:8px}.featured-overlay h2{font-size:18px;margin-bottom:4px}.featured-overlay p{font-size:12px;opacity:.8}.featured-side{display:flex;flex-direction:column;gap:12px}.featured-side img{flex:1;border-radius:var(--r-xl);object-fit:cover;min-height:0}.history-list{display:flex;flex-direction:column;gap:12px}.history-visit-card{display:flex;gap:16px;border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;background:white}.history-visit-card.terracotta-card{background:var(--terra-soft);border-color:#d89a7b33}.history-visit-card.blue-card{background:var(--blue-soft);border-color:#7bafd433}.visit-date-card{min-width:52px;height:60px;background:var(--green-bg);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green-dark)}.visit-date-card.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.visit-date-card.blue{background:var(--blue-bg);color:var(--blue)}.visit-date-card strong{font-size:20px;font-weight:800;line-height:1}.visit-date-card span{font-size:11px;font-weight:600}.visit-main-info{flex:1}.visit-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.visit-top-row h3{font-size:15px;color:var(--text-dark);margin-bottom:2px}.visit-top-row p{font-size:12px;color:var(--text-subtle)}.visit-status{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;flex-shrink:0}.visit-status.confirmed{background:var(--green-bg);color:var(--green-dark)}.visit-status.cancelled{background:#FEE2E2;color:#ef4444}.visit-status.scheduled{background:var(--blue-bg);color:var(--blue)}.visit-details{display:flex;gap:20px;flex-wrap:wrap}.visit-detail span{display:block;font-size:11px;color:var(--text-subtle);margin-bottom:2px}.visit-detail strong{font-size:13px;color:var(--text-dark)}.featured-announcement{background:linear-gradient(135deg,var(--green-dark),var(--green));border-radius:var(--r-xl);padding:26px;color:#fff;margin-bottom:22px}.featured-label{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;margin-bottom:12px}.featured-announcement h2{font-size:20px;margin-bottom:10px}.featured-announcement p{font-size:14px;opacity:.9;line-height:1.6;margin-bottom:14px}.featured-meta{display:flex;gap:20px;font-size:12px;opacity:.8}.announcements-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.announcements-column{display:flex;flex-direction:column;gap:14px}.announcement-card{border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;background:white}.announcement-card.terracotta-card{background:var(--terra-soft);border-color:#d89a7b33}.announcement-card.blue-card{background:var(--blue-soft);border-color:#7bafd433}.announcement-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.announcement-category{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:var(--green-bg);color:var(--green-dark)}.announcement-category.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.announcement-category.blue{background:var(--blue-bg);color:var(--blue)}.announcement-date{font-size:12px;color:var(--text-subtle)}.announcement-card h3{font-size:15px;color:var(--text-dark);margin-bottom:8px}.announcement-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:14px}.announcement-footer{display:flex;justify-content:space-between;align-items:center}.announcement-footer>span{font-size:12px;color:var(--text-subtle)}.announcement-footer button{background:none;border:none;color:var(--terra-dark);font-size:13px;font-weight:600;cursor:pointer}.table-container{background:white;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#F8FAF8;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-subtle);letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;font-size:14px;color:var(--text);border-bottom:1px solid #F1F5F9;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#FAFBF9}.table-actions{display:flex;gap:6px}.residents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resident-card{background:white;border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.resident-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.resident-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.resident-avatar{width:52px;height:52px;border-radius:var(--r-md);object-fit:cover;flex-shrink:0}.resident-avatar-placeholder{width:52px;height:52px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green-bg),var(--terra-bg));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--green-dark);flex-shrink:0}.resident-card h4{font-size:15px;color:var(--text-dark);margin-bottom:4px}.resident-card .room{font-size:12px;color:var(--text-subtle)}.resident-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tag-pill{padding:3px 10px;border-radius:999px;background:#F1F5F9;color:var(--text-muted);font-size:11px;font-weight:500}.resident-card-footer{display:flex;justify-content:space-between;align-items:center}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.health-card{padding:16px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--green-soft)}.health-card.terracotta{background:var(--terra-soft);border-color:#d89a7b33}.health-card.blue{background:var(--blue-soft);border-color:#7bafd433}.health-card.gray{background:#F8FAFC}.health-card span{display:block;font-size:12px;color:var(--text-subtle);margin-bottom:6px}.health-card strong{font-size:15px;color:var(--text-dark)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.info-card{background:white;border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-sm)}.info-card>span{display:block;font-size:12px;color:var(--text-subtle);margin-bottom:6px}.info-card>strong{font-size:18px;color:var(--text-dark);font-weight:700}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-column{display:flex;flex-direction:column;gap:16px}.profile-hero{display:flex;justify-content:space-between;align-items:flex-start;background:radial-gradient(circle at top right,rgba(216,154,123,.12),transparent 30%),linear-gradient(135deg,#FFFFFF,#F5F8F5);border:1px solid var(--border);border-radius:var(--r-2xl);padding:28px;margin-bottom:22px;box-shadow:var(--shadow-lg)}.profile-main{display:flex;gap:20px;align-items:flex-start}.profile-main img{width:90px;height:90px;border-radius:var(--r-xl);object-fit:cover}.profile-status{display:inline-block;background:var(--green-bg);color:var(--green-dark);padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:8px}.profile-main-info h1{font-size:24px;color:var(--text-dark);margin-bottom:4px}.profile-main-info p{font-size:14px;color:var(--text-muted);margin-bottom:10px}.profile-tags{display:flex;flex-wrap:wrap;gap:6px}.profile-tags span{padding:4px 12px;background:white;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text-subtle)}.profile-side-info{display:flex;flex-direction:column;gap:10px}.profile-mini-card{background:white;border:1px solid var(--border);border-radius:var(--r-md);padding:14px;min-width:160px}.profile-mini-card>span{display:block;font-size:12px;color:var(--text-subtle);margin-bottom:4px}.profile-mini-card>strong{font-size:14px;color:var(--text-dark)}.medical-list{display:flex;flex-direction:column;gap:12px}.medical-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.medical-item:last-child{border-bottom:none}.medical-item>span{font-size:13px;color:var(--text-subtle)}.medical-item>strong{font-size:13px;color:var(--text-dark);font-weight:600}.family-list{display:flex;flex-direction:column;gap:12px}.family-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#F8FAF8;border-radius:var(--r-md)}.family-item>div strong{display:block;font-size:14px;color:var(--text-dark);margin-bottom:2px}.family-item>div span{font-size:12px;color:var(--text-subtle)}.family-item>p{font-size:13px;color:var(--text-muted)}.history-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-bg);color:var(--green-dark);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-avatar.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.history-avatar.blue{background:var(--blue-bg);color:var(--blue)}.history-item>div strong{display:block;font-size:14px;color:var(--text-dark);margin-bottom:2px}.history-item>div p{font-size:12px;color:var(--text-muted)}.week-list{display:flex;flex-direction:column;gap:8px}.week-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:white}.week-item.active{background:var(--green-soft);border-color:transparent}.week-item strong{font-size:14px;color:var(--text-dark)}.week-item span{font-size:13px;color:var(--text-muted)}.event-list,.event-mini-list{display:flex;flex-direction:column;gap:12px}.event-card,.event-mini-card{display:flex;gap:14px;align-items:center;padding:14px;background:#F8FAF8;border-radius:var(--r-md)}.event-date,.event-mini-date{width:40px;height:40px;border-radius:var(--r-sm);background:var(--green-bg);color:var(--green-dark);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-date.terracotta,.event-mini-date.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.event-date.blue{background:var(--blue-bg);color:var(--blue)}.event-mini-date.green{background:var(--green-bg);color:var(--green-dark)}.event-card>div strong,.event-mini-card>div strong{display:block;font-size:14px;color:var(--text-dark);margin-bottom:2px}.event-card>div p,.event-mini-card>div p{font-size:12px;color:var(--text-subtle)}.summary-grid{display:flex;gap:14px}.summary-card{padding:16px 20px;border-radius:var(--r-lg);border:1px solid transparent}.summary-card span{display:block;font-size:12px;margin-bottom:6px}.summary-card strong{font-size:22px;font-weight:800}.summary-card.green{background:var(--green-bg);color:var(--green-dark)}.summary-card.terracotta{background:var(--terra-bg);color:var(--terra-dark)}.summary-card.blue{background:var(--blue-bg);color:var(--blue)}.search-card{background:white;border:1px solid var(--border);border-radius:var(--r-xl);padding:16px 20px;display:flex;gap:12px;align-items:center;margin-bottom:18px;box-shadow:var(--shadow-sm)}.search-input{flex:1}.search-input input{width:100%;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-md);background:#F8FAF8;font-size:14px;outline:none}.search-filters select{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:#F8FAF8;font-size:13px;color:var(--text-muted);outline:none}.hydration-circle{width:100px;height:100px;border-radius:50%;margin:16px auto;border:4px solid var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center}.hydration-circle strong{font-size:20px;font-weight:800;color:var(--text-dark)}.hydration-circle span{font-size:11px;color:var(--text-subtle)}.hydration-text{text-align:center;font-size:13px;color:var(--green-dark);font-weight:600}.diet-tags{display:flex;flex-wrap:wrap;gap:8px}.diet-tags span{padding:6px 14px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-bg);font-size:13px;font-weight:500}.food-notes,.rules-list{display:flex;flex-direction:column;gap:14px}.food-note,.rule-item{display:flex;gap:12px;align-items:flex-start}.note-dot,.rule-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.note-dot.green,.rule-dot.green,.quick-dot.green{background:var(--green)}.note-dot.terracotta,.rule-dot.terracotta,.quick-dot.terracotta{background:var(--terra)}.note-dot.blue,.rule-dot.blue,.quick-dot.blue{background:var(--blue)}.food-note>div strong,.rule-item>p{font-size:14px;color:var(--text-dark)}.food-note>div p{font-size:13px;color:var(--text-muted);margin-top:3px}.quick-list{display:flex;flex-direction:column;gap:12px}.quick-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}.quick-item:last-child{border-bottom:none}.quick-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.quick-item>div strong{display:block;font-size:14px;color:var(--text-dark);margin-bottom:2px}.quick-item>div p{font-size:12px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:var(--r-2xl);padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0f172a1f;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-header h3{font-size:18px;color:var(--text-dark)}.modal-close{width:32px;height:32px;border-radius:50%;background:#F1F5F9;border:none;color:var(--text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s}.modal-close:hover{background:#E2E8F0}.login-layout{display:flex;min-height:100vh}.login-brand{width:50%;background:radial-gradient(circle at top left,rgba(111,175,143,.18),transparent 35%),radial-gradient(circle at bottom right,rgba(216,154,123,.12),transparent 38%),linear-gradient(135deg,#FCFDFC,#F5F8F5);padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-brand-top img{width:140px;margin-bottom:24px}.login-brand-top p{font-size:17px;line-height:1.8;color:#5f6b66;max-width:440px}.login-brand-card{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.88);border-radius:var(--r-xl);padding:26px;display:flex;gap:18px;align-items:flex-start;max-width:500px}.login-brand-card-icon{width:48px;height:48px;min-width:48px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green-bg),var(--terra-bg));display:flex;align-items:center;justify-content:center;font-size:20px}.login-brand-card h3{font-size:16px;margin-bottom:8px;color:var(--text-dark)}.login-brand-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.login-panel{width:50%;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:420px;background:white;border-radius:var(--r-2xl);padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-header{margin-bottom:30px}.login-header h2{font-size:30px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.login-header p{color:var(--text-muted);line-height:1.6}.btn-login{width:100%;height:52px;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:15px;font-weight:600;box-shadow:var(--shadow-green);transition:all .22s;cursor:pointer}.btn-login:hover{transform:translateY(-2px);opacity:.95}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.role-option{padding:14px 10px;border:2px solid var(--border);border-radius:var(--r-lg);background:white;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .18s}.role-option:hover,.role-option.selected{border-color:var(--green);background:var(--green-soft)}.role-option .role-icon{font-size:24px}.role-option .role-name{font-size:12px;font-weight:600;color:var(--text-dark)}.role-option .role-desc{font-size:10px;color:var(--text-subtle);text-align:center}.activities-hero,.food-hero,.visits-hero,.photos-hero,.announcements-hero,.history-hero{background:radial-gradient(circle at top right,rgba(216,154,123,.12),transparent 30%),linear-gradient(135deg,#FFFFFF,#F5F8F5);border:1px solid var(--border);border-radius:var(--r-2xl);padding:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:var(--shadow-lg)}.activities-hero-content h1,.food-hero-content h1,.visits-hero-content h1,.photos-hero-content h1,.announcements-hero-content h1,.history-hero-content h1{font-size:26px;color:var(--text-dark);margin:8px 0}.activities-hero-content p,.food-hero-content p,.visits-hero-content p,.photos-hero-content p,.announcements-hero-content p,.history-hero-content p{font-size:14px;color:var(--text-muted);max-width:400px}.hero-badge,.food-badge,.visits-badge,.photos-badge,.announcement-badge,.history-badge{display:inline-block;background:var(--green-bg);color:var(--green-dark);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600}.activities-summary,.food-hero-side,.visits-summary,.photos-hero-side,.announcement-summary,.history-summary{display:flex;gap:12px}.visit-form-wrapper{padding:4px 0}.visit-form{display:flex;flex-direction:column;gap:0}.schedule-btn{width:100%;height:50px;border:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:15px;font-weight:600;box-shadow:var(--shadow-green);transition:all .2s;cursor:pointer;margin-top:4px}.schedule-btn:hover{transform:translateY(-2px);opacity:.95}.food-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.food-summary-card{padding:18px;border-radius:var(--r-xl);border:1px solid transparent;background:white;box-shadow:var(--shadow-sm)}.food-summary-card span{display:block;font-size:12px;margin-bottom:6px;color:var(--text-subtle)}.food-summary-card strong{display:block;font-size:20px;font-weight:800;color:var(--text-dark);margin-bottom:4px}.food-summary-card p{font-size:12px}.food-summary-card.green{background:var(--green-bg)}.food-summary-card.green strong,.food-summary-card.green p{color:var(--green-dark)}.food-summary-card.terracotta{background:var(--terra-bg)}.food-summary-card.terracotta strong,.food-summary-card.terracotta p{color:var(--terra-dark)}.food-summary-card.blue{background:var(--blue-bg)}.food-summary-card.blue strong,.food-summary-card.blue p{color:var(--blue)}.activities-grid,.food-grid,.visits-grid,.photos-grid,.profile-grid,.history-content{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activities-column,.food-column,.visits-column{display:flex;flex-direction:column;gap:16px}.week-food-list{display:flex;flex-direction:column;gap:8px}.week-food-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.week-food-item:last-child{border-bottom:none}.week-food-item strong{font-size:14px;color:var(--text-dark)}.week-food-item span{font-size:13px;color:var(--green-dark);font-weight:500}.resident-detail{background:white;border:1px solid var(--border);border-radius:var(--r-2xl);padding:24px;margin-top:20px;box-shadow:var(--shadow-md)}.resident-selector{background:white;border:1px solid var(--border);border-radius:var(--r-xl);padding:18px 22px;margin-bottom:22px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.resident-selector label{font-size:13px;font-weight:600;color:var(--text-subtle);white-space:nowrap}.resident-selector select{flex:1;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-md);background:#F8FAF8;font-size:14px;color:var(--text);outline:none}.score-card{padding:20px 24px;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;text-align:center}.score-card span{display:block;font-size:12px;opacity:.9;margin-bottom:8px}.score-card strong{display:block;font-size:36px;font-weight:800;margin-bottom:6px}.score-card p{font-size:13px;opacity:.85}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.admin-stat{background:white;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-sm)}.admin-stat .icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.admin-stat .icon.green{background:var(--green-bg)}.admin-stat .icon.terra{background:var(--terra-bg)}.admin-stat .icon.blue{background:var(--blue-bg)}.admin-stat strong{display:block;font-size:28px;font-weight:800;color:var(--text-dark);margin-bottom:4px}.admin-stat span{font-size:13px;color:var(--text-subtle)}.page-hero{background:radial-gradient(circle at top right,rgba(111,175,143,.12),transparent 30%),linear-gradient(135deg,#FFFFFF,#F5F8F5);border:1px solid var(--border);border-radius:var(--r-2xl);padding:26px 28px;margin-bottom:22px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between}.page-hero-content span{display:block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.page-hero-content h1{font-size:24px;color:var(--text-dark);margin-bottom:6px}.page-hero-content p{font-size:14px;color:var(--text-muted)}@media (max-width: 1200px){.stats-grid,.info-grid,.residents-grid,.gallery-grid,.admin-stats,.food-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:20px}.profile-grid,.activities-grid,.food-grid,.visits-grid,.history-content,.announcements-grid,.dashboard-grid{grid-template-columns:1fr}.featured-gallery{grid-template-columns:1fr;height:auto}.featured-side{flex-direction:row}.featured-side img{height:140px}.hero-section{flex-direction:column;align-items:flex-start}.hero-meta{flex-direction:column;gap:12px}}@media (max-width: 640px){.topbar{flex-direction:column;align-items:flex-start;gap:14px}.stats-grid,.info-grid,.form-grid,.form-grid-3,.residents-grid,.gallery-grid,.admin-stats{grid-template-columns:1fr}.login-layout{flex-direction:column}.login-brand{width:100%;min-height:320px;padding:36px}.login-panel{width:100%;padding:24px}.role-selector{grid-template-columns:1fr}.food-summary-grid{grid-template-columns:1fr 1fr}}