*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5}.app{min-height:100vh}.navbar{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#333;font-size:1.5rem}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#666;text-decoration:none;font-weight:500}.nav-links a:hover{color:#007bff}.home-page{max-width:1200px;margin:0 auto;padding:2rem}.filter-bar{display:flex;gap:1rem;margin-bottom:2rem}.filter-bar button{padding:.5rem 1.5rem;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .3s}.filter-bar button:hover{background:#007bff;color:#fff;border-color:#007bff}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.post-card:hover{transform:translateY(-4px)}.post-card img,.post-card video{width:100%;height:200px;object-fit:cover}.post-content{padding:1rem}.category{display:inline-block;padding:.25rem .75rem;background:#007bff;color:#fff;border-radius:12px;font-size:.875rem;margin-bottom:.5rem}.post-content h3{margin:.5rem 0;color:#333}.post-content p{color:#666;line-height:1.6}.post-content small{color:#999;font-size:.875rem}.admin-page{max-width:800px;margin:0 auto;padding:2rem}.admin-page h2{margin:2rem 0 1rem;color:#333}.admin-page form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-page input,.admin-page textarea,.admin-page select{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.admin-page textarea{min-height:120px;resize:vertical}.admin-page button{width:100%;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s}.admin-page button:hover{background:#0056b3}.import-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem}.import-section input{flex:1;margin-bottom:0}.import-section button{width:auto;padding:.75rem 2rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}