body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.back-btn{display:inline-block}.back-btn:hover{text-decoration:underline}@media (max-width:768px){.header-content{padding:1rem}.logo{font-size:1.3rem}}.feed-page{margin:0 auto;max-width:1000px;padding:2rem;width:100%}.posts-grid{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.post-card{border-radius:12px!important;box-shadow:0 4px 15px #00000026;margin:0 auto;max-width:1000px;transition:transform .3s ease}.post-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.post-title-section{background:#fff!important;border-bottom:1px solid #f0f0f0!important;padding:.1rem 1.2rem!important}.post-title{word-wrap:break-word!important;color:#006838!important;font-size:1rem!important;font-weight:600!important;line-height:1!important;margin:0!important;padding:.2rem 0!important;text-align:left!important}.post-media{overflow:hidden}.video-container{position:relative}.post-video,.video-container{background:#000;height:100%;width:100%}.post-video{object-fit:cover}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-overlay:hover{opacity:.7}.play-button{font-size:4rem;opacity:.8;transition:transform .2s ease}.video-overlay:hover .play-button{transform:scale(1.2)}.video-container:has(video[controls]) .video-overlay{display:none}.post-actions{background:#fff;gap:1rem;padding:1.5rem}.details-btn,.like-btn,.share-btn{align-items:center;background:#006838;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.details-btn:hover,.like-btn:hover,.share-btn:hover{background:#00502a;transform:translateY(-2px)}.no-posts{color:#666;font-size:1.2rem;padding:4rem;text-align:center}.no-posts h3{color:#333;font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.feed-page{padding:.5rem}.posts-grid{gap:1.5rem}.post-title-section{padding:1rem 1rem .75rem}.post-title{font-size:1rem;line-height:1.2}.post-media{height:350px}.post-actions{padding:1.25rem}.details-btn,.like-btn,.share-btn{font-size:.9rem;padding:.6rem 1.2rem}.play-button{font-size:3rem}}:root{--primary-green:#006838;--dark-green:#00502a;--light-bg:#f8f9fa;--border-color:#e0e0e0;--text-dark:#333;--text-light:#666;--shadow:0 2px 12px #0000001a;--border-radius:12px}.post-detail-page{max-width:1600px;min-height:100vh}.post-detail-container{border-radius:var(--border-radius);box-shadow:var(--shadow)}.post-title-section{background:#fff;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);padding:2rem 2rem 1.5rem}.post-title{word-wrap:break-word;color:#006838;color:var(--primary-green);font-size:1.8rem;font-weight:700;line-height:1.3;margin:0;text-align:left}.post-media-large{background:var(--light-bg);height:550px;position:relative}.post-media-large,.video-container-large{align-items:center;display:flex;justify-content:center}.post-video-large,.video-container-large{background:#000;height:100%;width:100%}.post-video-large{max-height:70vh;object-fit:contain}.video-indicator-large{background:#000c;border-radius:8px;color:#fff;font-weight:600;left:50%;padding:1rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.post-description{color:var(--text-dark);word-break:break-word}.post-detail-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.detail-like-count{align-items:center;background:none;border:2px solid #006838;border:2px solid var(--primary-green);border-radius:8px;color:#006838;color:var(--primary-green);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.detail-like-count:hover{background:#006838;background:var(--primary-green);color:#fff;transform:translateY(-2px)}.detail-like-count:active{transform:translateY(0)}.detail-share-btn{align-items:center;background:var(--primary-green);display:flex;gap:.5rem;transition:all .2s ease}.detail-share-btn:hover{background:#00502a;background:var(--dark-green);transform:translateY(-2px)}.post-date{color:var(--text-light);gap:.5rem}.error,.loading,.post-date{align-items:center;display:flex}.error,.loading{color:#666;color:var(--text-light);flex-direction:column;font-size:1.2rem;justify-content:center;min-height:50vh;padding:3rem;text-align:center}.error{color:#dc3545}.loading:after{animation:spin 1s linear infinite;border:2px solid #006838;border:2px solid var(--primary-green);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;margin-top:1rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.post-detail-page{padding:.5rem}.post-title-section{padding:1.5rem 1.5rem 1rem}.post-title{font-size:1.4rem;line-height:1.2}.post-media-large{height:350px}.post-video-large{max-height:50vh}.post-detail-content{padding:1.5rem}.post-description{font-size:1rem;line-height:1.6}.post-detail-actions{align-items:stretch;flex-direction:column;gap:1rem}.detail-share-btn{order:-1}.detail-like-count,.detail-share-btn{justify-content:center}}@media (max-width:480px){.post-title-section{padding:1rem 1rem .75rem}.post-title{font-size:1.2rem}.post-media-large{height:280px}.post-detail-content{padding:1rem}.post-detail-actions{gap:.75rem}.detail-like-count,.detail-share-btn{font-size:.9rem;padding:.6rem 1.2rem}}.admin-login{align-items:center;background:linear-gradient(135deg,#006838,#004d2e);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;max-width:420px;padding:2.5rem;width:100%}.login-container h2{color:#006838;font-size:1.75rem;margin-bottom:.5rem;text-align:center}.login-subtitle{color:#666;font-size:.9rem;font-weight:500;margin-bottom:2rem;text-align:center}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:14px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#006838;box-shadow:0 0 0 3px #0068381a;outline:none}.login-btn{background:#006838;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:14px;transition:all .3s ease}.login-btn:hover{background:#00502a;box-shadow:0 4px 12px #0068384d;transform:translateY(-1px)}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:.75rem;text-align:center}.admin-dashboard{background:#f8f9fa;min-height:100vh;padding:0}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-header h1{color:#006838;font-size:1.5rem;margin:0}.logout-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.logout-btn:hover{background:#c82333}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:2rem}.create-post-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.create-post-form h2{border-bottom:2px solid #006838;color:#006838;margin-bottom:1.5rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#006838;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;resize:vertical}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.5rem}.publish-btn{background:#006838;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.publish-btn:hover:not(:disabled){background:#00502a;box-shadow:0 4px 12px #0068384d;transform:translateY(-2px)}.publish-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.message{border-radius:6px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dashboard-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.dashboard-info h3{border-bottom:1px solid #e0e0e0;color:#006838;margin-bottom:1rem;padding-bottom:.5rem}.dashboard-info ul{margin-bottom:1.5rem;padding-left:1.5rem}.dashboard-info li{color:#555;line-height:1.4;margin-bottom:.5rem}.title-input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;font-weight:500;padding:1rem;transition:all .3s ease;width:100%}.title-input:focus{background:#fff;border-color:#006838;box-shadow:0 0 0 3px #0068381a;outline:none}.title-input::placeholder{color:#999;font-weight:400}.file-upload-area{background:#f8f9fa;border:3px dashed #006838;border-radius:12px;cursor:pointer!important;padding:2rem;transition:all .3s ease}.file-upload-area:hover{background:#e8f5e8;border-color:#004d2e;box-shadow:0 8px 25px #00683826;transform:translateY(-2px)}.file-input{display:none}.upload-placeholder{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.upload-instructions{color:#333;padding:1rem;text-align:center;width:100%}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.upload-instructions p{color:#006838;font-size:1.3rem;font-weight:600;margin-bottom:2rem}.supported-formats{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.format-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.format-item:hover{border-color:#006838;transform:translateX(5px)}.format-icon{font-size:1.5rem}.format-item div{flex:1 1}.format-item strong{color:#333;display:block;margin-bottom:.25rem}.format-item div div{color:#666;font-size:.9rem;margin-bottom:.25rem}.format-item small{color:#999;font-size:.8rem;font-weight:500}.file-preview{max-width:100%;position:relative;text-align:center;width:100%}.image-preview img{border:3px solid #fff;border-radius:8px;box-shadow:0 4px 15px #0003;margin-bottom:1rem;max-height:300px;max-width:100%}.video-preview{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:2rem;text-align:center}.video-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.video-preview p{color:#333;font-size:1.1rem;font-weight:600;margin:.5rem 0}.file-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem;text-align:left}.file-info strong{color:#333;display:block;font-size:1rem;margin-bottom:.5rem}.file-info small{color:#666;font-size:.85rem}.remove-file-btn{background:#dc3545;border:none;border-radius:25px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.remove-file-btn:hover{background:#c82333;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}@media (max-width:768px){.dashboard-content{gap:1rem;grid-template-columns:1fr;padding:1rem}.dashboard-header{padding:1rem}.create-post-form{padding:1.5rem}.image-preview img{max-height:250px}.upload-instructions{padding:.5rem}.upload-icon,.video-icon{font-size:2.5rem}.supported-formats{gap:.75rem}.format-item{padding:.75rem}.file-upload-area{padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{background:#fff;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 1.5rem}.logo{color:#006838;font-size:1.5rem;font-weight:700;text-decoration:none}.header-icons{display:flex;gap:1rem}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem}.back-section{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:.75rem 1.5rem}.back-btn{color:#006838;font-weight:500;text-decoration:none}.post-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.post-media{background:#f8f9fa;height:500px;position:relative;width:100%}.post-image{height:100%;object-fit:cover;width:100%}.post-actions{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:1rem}.like-count{color:#333;font-weight:600}.details-btn,.share-btn{background:#006838;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-decoration:none}.post-detail-page{margin:0 auto;max-width:1000px;padding:1rem}.post-detail-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.post-media-large{background:#f8f9fa;height:500px;width:100%}.post-image-large{height:100%;object-fit:cover;width:100%}.post-detail-content{padding:2rem}.post-description{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:2rem;white-space:pre-line}.post-detail-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:1.5rem}.detail-like-count{color:#333;font-size:1.1rem;font-weight:600}.detail-share-btn{background:#006838;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.post-date{color:#666;font-size:.9rem}@media (max-width:768px){.header-content{padding:1rem}.posts-grid{grid-template-columns:1fr}.post-media{height:250px}.post-media-large{height:300px}.post-detail-content{padding:1.5rem}.post-detail-actions{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.3fb80fcb.css.map*/