body{margin:0;font-family:Poppins,sans-serif;background:#fafafa;color:#333}.content{padding:2rem;max-width:800px;margin:0 auto}.site-header{background:#fff;box-shadow:0 2px 8px #0000000d;padding:.75rem 2rem}.nav{display:flex;justify-content:center;gap:2rem;margin:0;padding:0}.nav-link{position:relative;text-decoration:none;color:#333;font-weight:500;padding-bottom:.25rem;transition:color .2s}.nav-link:hover{color:#000}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#333;transition:width .3s}.nav-link:hover:after,.nav-link.active:after{width:100%}.site-footer{text-align:center;padding:1rem;color:#666;border-top:1px solid #eee}.form-grid{display:grid;gap:1rem;max-width:600px}.form-grid label{display:flex;flex-direction:column;font-weight:500}.form-grid input,.form-grid textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box}.btn-block,.form-grid button[type=submit]{padding:.5rem 1rem;width:100%;background:#007bff;color:#fff;border:none;border-radius:.375rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-block:hover,.form-grid button[type=submit]:hover{background:#006ae6}.btn-primary{padding:.4rem .75rem;background:#007bff;color:#fff;border:none;border-radius:.375rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#006ae6}.btn-secondary{padding:.4rem .75rem;background:#e0245e;color:#fff;border:none;border-radius:.375rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#c81f52}.icon-btn{background:none;border:none;padding:.25rem;display:flex;align-items:center;cursor:pointer}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-count{margin-left:4px;font-size:.875rem;color:#333}.post-card,.posts-list .post-item{border:1px solid #ddd;border-radius:6px;padding:1rem;margin-bottom:1rem;background:#fff}.post-card h2,.post-header h3{margin:0 0 .25rem}.post-meta{font-size:.875rem;color:#666;margin:0 0 .5rem}.post-card-actions,.post-actions{display:flex;gap:.5rem;margin-top:.5rem}.account-container{display:flex;min-height:80vh}.account-sidebar{width:200px;border-right:1px solid #ddd;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.account-sidebar ul{list-style:none;margin:0;padding:0}.account-sidebar li{padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:background .2s}.account-sidebar li:hover{background:#f0f0f0}.account-sidebar li.active{background:#007bff;color:#fff;font-weight:700}.logout-btn{padding:.5rem 1rem;color:#e0245e;background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:color .2s}.logout-btn:hover{color:#c81f52}.account-main{flex:1;padding:1.5rem}.error{color:#dc143c;text-align:center}.success{color:green;text-align:center}.admin-dashboard{max-width:1000px;margin:2rem auto;padding:0 1rem}.admin-subnav{width:200px}.admin-subnav ul{list-style:none;padding:0;margin:0}.admin-subnav li{padding:.75rem 1rem;cursor:pointer;border-radius:4px;transition:background .2s,color .2s;margin-bottom:.5rem}.admin-subnav li:hover{background:#f0f0f0}.admin-subnav li.active{background:#007bff;color:#fff}.admin-content{flex:3}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-item{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}.message-header{display:flex;justify-content:space-between;font-size:.875rem;color:#555;margin-bottom:.5rem}.message-body{white-space:pre-wrap;line-height:1.4;color:#333}.message-delete{align-self:flex-start}.admin-content .form-grid{max-width:800px!important;width:100%!important}.admin-content .form-grid input,.admin-content .form-grid textarea{width:100%!important}.admin-dashboard{max-width:100%;padding:0 2rem}.admin-inner{display:flex;gap:2rem}.admin-subnav{flex:0 0 200px}.admin-content{flex:1;max-width:none}.admin-content .form-grid,.admin-content .posts-list,.admin-content .messages-list{max-width:800px;width:100%}.admin-content .message-item,.admin-content .post-item{width:100%}.content.admin-wide{max-width:none;width:75%;padding:0 2rem}.message-item.unread{border-left:4px solid #007bff;background:#eef6ff}.message-item.unread .message-name{font-weight:700}
