.noticeboard{min-height:100vh;background-color:#c4a77d;background-image:radial-gradient(circle,#8b7355 4px,transparent 4px);background-size:24px 24px;padding:1rem 2rem 2rem;position:relative}.board-header{position:absolute;top:1rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:10}.filter-bar{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.filter-btn{background:#ffffffb3;border:none;padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:100px;cursor:pointer;transition:all .2s;color:#5d3a1a}.filter-btn:hover{background:#ffffffe6}.filter-btn.active{background:#3d2314;color:#fff}.filter-btn[data-filter=for-sale].active{background:#dcfce7;color:#166534}.filter-btn[data-filter=wanted].active{background:#fef3c7;color:#92400e}.filter-btn[data-filter=services].active{background:#dbeafe;color:#1e40af}.filter-btn[data-filter=events].active{background:#fae8ff;color:#86198f}.filter-btn[data-filter=lost-found].active{background:#fee2e2;color:#991b1b}.filter-btn[data-filter=video].active{background:#fce7f3;color:#be185d}.post-btn{background:#3d2314;color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.post-btn:hover{background:#5d3a1a;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.board-content{max-width:1200px;margin:0 auto;padding-top:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#fff;border-radius:4px;padding:1.5rem 1.25rem 1.25rem;box-shadow:2px 4px 12px #00000026;position:relative;cursor:pointer;transition:all .2s;transform:rotate(var(--rotation, 0deg))}.card:nth-child(odd){--rotation: -.5deg}.card:nth-child(2n){--rotation: .5deg}.card:nth-child(3n){--rotation: -1deg}.card:hover{transform:rotate(0) translateY(-4px);box-shadow:4px 8px 20px #0003}.card.pinned{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}.card.pinned h3{color:#fff}.card.pinned p{color:#fffc}.pin{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(var(--pin-rotate, -8deg));z-index:2}.card:nth-child(odd) .pin{--pin-rotate: -12deg}.card:nth-child(2n) .pin{--pin-rotate: 10deg}.card:nth-child(3n) .pin{--pin-rotate: -6deg}.card:nth-child(4n) .pin{--pin-rotate: 15deg}.card:nth-child(5n) .pin{--pin-rotate: -10deg}.card:nth-child(6n) .pin{--pin-rotate: 8deg}.pin:before{content:"";display:block;width:20px;height:20px;background:var(--pin-color, radial-gradient(circle at 35% 35%, #ff8a80, #c0392b 60%, #8b1a1a));border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d}.card:nth-child(6n+1) .pin:before{background:radial-gradient(circle at 35% 35%,#ff8a80,#c0392b 60%,#8b1a1a)}.card:nth-child(6n+2) .pin:before{background:radial-gradient(circle at 35% 35%,#90caf9,#1976d2 60%,#0d47a1)}.card:nth-child(6n+3) .pin:before{background:radial-gradient(circle at 35% 35%,#a5d6a7,#388e3c 60%,#1b5e20)}.card:nth-child(6n+4) .pin:before{background:radial-gradient(circle at 35% 35%,#fff59d,#fbc02d 60%,#f57f17)}.card:nth-child(6n+5) .pin:before{background:radial-gradient(circle at 35% 35%,#ce93d8,#8e24aa 60%,#4a148c)}.card:nth-child(6n+6) .pin:before{background:radial-gradient(circle at 35% 35%,#ffab91,#e64a19 60%,#bf360c)}.pin:after{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:3px;height:18px;background:linear-gradient(90deg,#888,#ccc 40%,#888);border-radius:0 0 2px 2px;box-shadow:1px 1px 2px #0000004d}.card-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;margin-bottom:.75rem}.card-badge.for-sale{background:#dcfce7;color:#166534}.card-badge.wanted{background:#fef3c7;color:#92400e}.card-badge.services{background:#dbeafe;color:#1e40af}.card-badge.events{background:#fae8ff;color:#86198f}.card-badge.lost-found{background:#fee2e2;color:#991b1b}.card-badge.video{background:#fce7f3;color:#be185d}.card-badge.announcement{background:#f97316;color:#fff}.field-hint{display:block;font-size:.75rem;color:#888;margin-top:.25rem}.card h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;line-height:1.3}.card p{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.card.pinned .card-footer{border-top-color:#fff3}.card-link{color:#f97316;font-weight:600}.card-action{color:inherit;text-decoration:none;opacity:.7}.card-action:hover{opacity:1}.card-date{color:#999;font-size:.75rem}.card-stats{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:#888}.stat-item{display:flex;align-items:center;gap:.2rem}.heart-btn{background:none;border:none;cursor:pointer;padding:.2rem;font-size:1rem;transition:transform .15s;display:flex;align-items:center;gap:.2rem;color:#888}.heart-btn:hover{transform:scale(1.15)}.heart-btn.hearted{color:#e11d48}.heart-btn.hearted .heart-icon:before{content:"♥"}.heart-icon:before{content:"♡"}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#5d3a1a;font-size:1.1rem}.empty-state.hidden{display:none}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal.visible{display:flex}.modal-content{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative}.modal-content h2{font-size:1.5rem;margin-bottom:1.5rem;padding-right:2rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.75rem;cursor:pointer;color:#999;line-height:1;padding:.25rem}.modal-close:hover{color:#333}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f97316}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.cat-btn{padding:.6rem .75rem;border:2px solid #eee;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .15s;text-align:left}.cat-btn:hover{border-color:#ccc}.cat-btn.active{border-color:#f97316;background:#fff7ed}.color-picker{display:flex;gap:.5rem}.color-btn{width:36px;height:36px;border:2px solid #ddd;border-radius:50%;cursor:pointer;transition:all .15s;box-shadow:inset 0 2px 4px #0000001a}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.card.color-white{background:#fff}.card.color-yellow{background:#fff9c4}.card.color-pink{background:#f8bbd9}.card.color-blue{background:#bbdefb}.card.color-green{background:#c8e6c9}.card.color-orange{background:#ffe0b2}.photo-upload{border:2px dashed #ddd;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;position:relative;transition:all .2s}.photo-upload:hover{border-color:#f97316;background:#fffbf5}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-upload span{color:#888}.photo-preview{display:none;width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-top:.75rem}.photo-preview.visible{display:block}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.form-actions button:not(.primary){background:#f1f1f1}.form-actions button.primary{background:#f97316;color:#fff}.form-actions button.primary:hover{background:#ea580c}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.view-content{max-width:560px}.view-content .card-badge{margin-bottom:1rem}.view-photo{display:none;width:100%;max-height:400px;object-fit:contain;border-radius:8px;margin-bottom:1rem;background:#f5f5f5}.view-photo.visible{display:block}.card-video-thumb{width:100%;height:120px;background:#f0f0f0;border-radius:6px;margin-bottom:.75rem;overflow:hidden;position:relative}.card-video-thumb img{width:100%;height:100%;object-fit:cover}.card-video-thumb:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;padding-left:4px}.view-video{width:100%;aspect-ratio:16/9;border-radius:8px;margin-bottom:1rem;display:none}.view-video.visible{display:block}.view-content p{font-size:1rem;line-height:1.6;color:#444;white-space:pre-wrap}.view-contact{margin-top:1rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:8px;font-size:.9rem}.view-contact:empty{display:none}.view-date{margin-top:1rem;font-size:.8rem;color:#999}@media(max-width:600px){.category-grid{grid-template-columns:1fr}.board-content{gap:1rem}}