@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-color:#faf5ea;--surface-color:#fffdf8;--ink-primary:#34333a;--ink-secondary:#55545c;--accent-gold:#dba33c;--accent-gold-deep:#c8862a;--accent-terracotta:#b3502a;--accent-terracotta-deep:#9a3f1f;--whatsapp-green:#25d366;--primary-gradient:linear-gradient(135deg, var(--accent-gold), var(--accent-terracotta));--shadow-light:0 4px 20px #34333a14;--corner-radius:20px;--font-headings:"Fraunces", serif;--font-body:"Work Sans", sans-serif;font-family:var(--font-body);background-color:var(--bg-color);color:var(--ink-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-theme=dark]{--bg-color:#211d18;--surface-color:#2a251e;--ink-primary:#f2ece0;--ink-secondary:#c7bfae;--accent-gold:#e3ac48;--accent-terracotta:#e2793f;--shadow-light:0 4px 20px #0000004d}body{min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings)}*{box-sizing:border-box}.btn{border-radius:var(--corner-radius);cursor:pointer;font-family:var(--font-body);border:none;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dba33c4d}.card{background:var(--surface-color);border-radius:var(--corner-radius);box-shadow:var(--shadow-light);overflow:hidden}input,textarea{border:1px solid var(--ink-secondary);background:var(--surface-color);width:100%;color:var(--ink-primary);font-family:var(--font-body);border-radius:12px;padding:12px}input:focus,textarea:focus{outline:2px solid var(--accent-gold);border-color:#0000}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--surface-color);box-shadow:var(--shadow-light);z-index:1000;padding:1rem 2rem;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.navbar-logo{color:var(--ink-primary);font-family:var(--font-headings);align-items:center;gap:12px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo img{object-fit:cover;border-radius:50%;width:40px;height:40px}.navbar-actions{align-items:center;display:flex}.btn-admin-login{align-items:center;text-decoration:none;display:flex}.main-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:2rem 0}.home-container{flex-direction:column;gap:2rem;display:flex}.post-card{margin-bottom:1rem}.post-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.post-author{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.author-info{flex-direction:column;display:flex}.author-name{font-size:14px;font-weight:600}.post-date{color:var(--ink-secondary);font-size:11px}.post-more-btn{color:var(--ink-primary);cursor:pointer;background:0 0;border:none}.post-content-area{border-top:1px solid var(--bg-color);border-bottom:1px solid var(--bg-color);width:100%}.post-image{object-fit:cover;width:100%;display:block}.post-text-only{background:var(--bg-color);text-align:left;padding:2rem}.post-actions{justify-content:space-between;padding:12px 16px;display:flex}.left-actions{gap:16px;display:flex}.action-btn{cursor:pointer;color:var(--ink-primary);background:0 0;border:none;padding:0;transition:transform .1s}.action-btn:active{transform:scale(1.2)}.post-details{text-align:left;padding:0 16px 16px}.likes-count{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.post-caption{font-size:14px}.caption-title{margin-right:8px;font-weight:600}.caption-text{display:inline}.view-comments-btn{color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:14px}.comment-form{border-top:1px solid var(--bg-color);gap:12px;padding:12px 16px;display:flex}.comment-form input{background:0 0;border:none;flex:1;padding:0;font-size:14px}.comment-form input:focus{outline:none}.post-comment-btn{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.post-comment-btn:disabled{opacity:.5;cursor:default}.login-container{justify-content:center;align-items:center;min-height:60vh;display:flex}.login-card{text-align:center;width:100%;max-width:400px;padding:2.5rem}.login-card h2{color:var(--accent-terracotta);margin-bottom:2rem}.input-group{margin-bottom:1.5rem;position:relative}.input-icon{color:var(--ink-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group input{padding-left:40px}.login-btn{width:100%;margin-top:1rem;padding:12px}.dashboard-container{padding:0 1rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-controls{gap:12px;display:flex}.admin-posts-list{flex-direction:column;gap:1rem;display:flex}.admin-post-item{align-items:center;gap:16px;padding:12px;display:flex}.admin-post-thumb{background:#eee;border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.admin-post-thumb img{object-fit:cover;width:100%;height:100%}.no-image{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.admin-post-info{text-align:left;flex:1}.admin-post-info h3{margin:0 0 4px;font-size:16px}.admin-post-meta{color:var(--ink-secondary);gap:12px;font-size:12px;display:flex}.status-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.status-badge.active{color:var(--whatsapp-green);background:#25d3661a}.status-badge.disabled{color:#888;background:#eee}.admin-post-actions{gap:8px;display:flex}.admin-post-actions button{cursor:pointer;color:var(--ink-secondary);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.admin-post-actions button:hover{color:var(--ink-primary);background:#f0f0f0}.admin-post-actions .delete-btn:hover{color:var(--accent-terracotta);background:#b3502a1a}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;padding:2rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{margin-bottom:8px;font-weight:600;display:block}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:2rem;display:flex}@media (width<=600px){.navbar{padding:1rem}.navbar-container{width:100%}.main-content{padding:1rem}.post-card{box-shadow:none;border-bottom:1px solid var(--ink-secondary);border-radius:0}}