.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-family:Libre Baskerville,serif;font-size:1.3rem}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--slate);line-height:1}.tags-input{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px solid var(--border);border-radius:4px;min-height:45px}.tag{background:var(--accent);color:var(--charcoal);padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.tag-remove{cursor:pointer;font-weight:600}.tag-input{border:none;outline:none;flex:1;min-width:120px;font-family:Work Sans,sans-serif}.image-upload-label{display:block;cursor:pointer}.image-upload-placeholder{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;background:var(--cream);transition:all .3s ease;margin-bottom:1rem}.image-upload-placeholder:hover{border-color:var(--accent);background:#f5f3f0}.image-upload-placeholder p{margin:.5rem 0 .25rem;color:var(--charcoal);font-weight:500}.image-upload-placeholder small{color:var(--slate);font-size:.85rem}.image-previews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.image-preview-item{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.image-preview-thumb{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-image-btn:hover{background:#dc3545}.image-preview-container{position:relative}.image-preview{width:100%;max-height:300px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.remove-image{margin-top:.5rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.remove-image:hover{background:#c82333}@media (max-width: 768px){.modal-content{width:95%;padding:1.5rem;max-height:90vh}.modal-header h3{font-size:1.15rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea,.form-group select{font-size:.9rem;padding:.65rem}.tags-input{padding:.4rem}.tag{padding:.3rem .65rem;font-size:.8rem}.image-upload-placeholder{padding:1.5rem}.image-upload-placeholder span{font-size:36px!important}.image-upload-placeholder p{font-size:.9rem}.image-previews-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;padding:1rem}.close-modal{font-size:1.75rem}}.notification-bell{position:relative}.bell-button{background:none;border:none;font-size:1.5rem;cursor:pointer;position:relative;padding:.5rem;transition:transform .3s}.bell-button:hover{transform:scale(1.1)}.notification-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:350px;max-height:500px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.notification-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-header h3{font-size:1.1rem;font-weight:600}.mark-all-read{background:none;border:none;color:var(--accent-dark);font-size:.85rem;cursor:pointer;font-weight:500}.mark-all-read:hover{color:var(--accent)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid var(--border);display:flex;gap:.75rem;cursor:pointer;transition:background .3s;position:relative}.notification-item:hover{background:var(--cream)}.notification-item.unread{background:#f0f8ff}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content{flex:1}.notification-text{font-size:.9rem;line-height:1.5;margin-bottom:.25rem}.notification-time{font-size:.8rem;color:var(--slate)}.unread-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.empty-notifications{padding:2rem;text-align:center;color:var(--slate);font-style:italic}@media (max-width: 768px){.notification-dropdown{width:300px;right:-50px}}header{background:var(--charcoal);color:var(--cream);padding:1.5rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.hamburger-btn{background:none;border:none;color:var(--cream);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.hamburger-btn:hover{color:var(--accent)}.logo{font-family:Libre Baskerville,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo span{color:var(--accent)}.nav-buttons{display:flex;gap:1rem;align-items:center}.hamburger-menu{position:absolute;top:100%;left:0;right:0;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;z-index:99}.menu-item{width:100%;background:none;border:none;color:var(--cream);padding:1rem 2rem;text-align:left;font-family:Work Sans,sans-serif;font-size:1rem;cursor:pointer;transition:background .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.menu-item:hover{background:#ffffff1a;color:var(--accent)}.menu-item:last-child{border-bottom:none}@media (max-width: 768px){header{padding:1rem 0}.header-content{padding:0 1rem}.logo{font-size:1.25rem}.nav-buttons{gap:.5rem}.nav-buttons .btn{padding:.5rem 1rem;font-size:.85rem}.nav-buttons span{display:none}.menu-item{padding:.875rem 1rem;font-size:.95rem}}@media (max-width: 480px){.logo{font-size:1.1rem}.nav-buttons .btn{padding:.45rem .85rem;font-size:.8rem}.hamburger-btn{font-size:1.3rem;padding:.4rem}}:root{--charcoal: #1a1a1a;--slate: #2d3748;--cream: #faf8f5;--accent: #d4a574;--accent-dark: #b8925f;--border: #e2ddd6;--success: #4a7c59}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Work Sans,sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.6;width:100%}.btn{padding:.65rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-family:Work Sans,sans-serif;font-weight:500;font-size:.95rem;transition:all .3s ease}.btn-secondary{background:transparent;color:var(--cream);border:1px solid var(--cream)}.btn-secondary:hover{background:var(--cream);color:var(--charcoal)}.btn-primary{background:var(--accent);color:var(--charcoal);font-weight:600}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.form-group{margin-bottom:1.5rem}label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.95rem;color:var(--slate)}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-family:Work Sans,sans-serif;font-size:.95rem;transition:border .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}@media (max-width: 768px){body{font-size:15px}.container{padding:2rem 1rem}.btn{padding:.6rem 1.25rem;font-size:.9rem}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{padding:.65rem;font-size:.9rem}textarea{min-height:80px}}@media (max-width: 480px){body{font-size:14px}.container{padding:1rem .75rem}.btn{padding:.55rem 1rem;font-size:.85rem}}