:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#2c1810;background-color:#fff}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}p{line-height:1.6}button{font-family:inherit;cursor:pointer}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2c1810}.hero-background{position:absolute;inset:0}.hero-background:before{content:"";position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?w=1600&q=80),url(https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?w=1600&q=80);background-size:70% auto,70% auto;background-position:15% center,85% center;background-repeat:no-repeat,no-repeat;opacity:.6;filter:blur(1px)}.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2c1810a6,#8b5e3c8c,#2c1810a6)}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:800px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 8px 32px #0000004d;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;margin:0 0 1.5rem;color:#fff;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero-subtitle{display:block;color:#f5e6d3;font-size:clamp(2rem,6vw,3.5rem);text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;margin:0 0 2.5rem;color:#f0e6d8;text-shadow:1px 1px 4px rgba(0,0,0,.6)}.hero-cta{display:flex;justify-content:center;gap:1rem}.btn-primary{display:inline-block;padding:1rem 2.5rem;background:#fffffff2;color:#2c1810;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;border:2px solid rgba(255,255,255,.3)}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #0006;border-color:#ffffff80}@media(max-width:640px){.hero{min-height:80vh}.hero-content{padding:1.5rem;margin:1rem}.hero-background:before{background-size:100% auto,100% auto;background-position:center 30%,center 70%;opacity:.5}.btn-primary{padding:.875rem 2rem;font-size:1rem}}.about{padding:6rem 2rem;background:#fff}.container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem,5vw,3rem);text-align:center;margin:0 0 1rem;color:#2c1810;font-weight:700}.section-intro{text-align:center;font-size:clamp(1rem,2vw,1.2rem);color:#5a3825;margin:0 0 4rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#faf8f5;padding:2.5rem 2rem;border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a;border-color:#d4a373}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin:0 0 1rem;color:#2c1810;font-weight:600}.feature-card p{font-size:1rem;line-height:1.7;color:#5a3825;margin:0}@media(max-width:640px){.about{padding:4rem 1rem}.features{gap:1.5rem}.feature-card{padding:2rem 1.5rem}}.image-gallery{display:grid;grid-template-columns:repeat(var(--columns, 3),1fr);gap:1.5rem;padding:2rem 0}@media(max-width:1024px){.image-gallery{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:640px){.image-gallery{grid-template-columns:1fr;gap:.75rem}}.gallery-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;aspect-ratio:4 / 3;background:#f5f5f5;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:1.5rem 1rem 1rem;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .image-overlay{transform:translateY(0)}.image-overlay h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.image-overlay p{margin:0;font-size:.9rem;opacity:.9;line-height:1.4}.lightbox{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.close-button{position:absolute;top:-3rem;right:0;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;padding:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.close-button:hover{transform:scale(1.1)}.lightbox-info{color:#fff;text-align:center;margin-top:1.5rem;max-width:600px}.lightbox-info h3{margin:0 0 .5rem;font-size:1.5rem}.lightbox-info p{margin:0;font-size:1rem;opacity:.9;line-height:1.6}.section{padding:6rem 2rem}.section-cat{background:#faf8f5}.section-accommodation{background:#fff}.section-location{background:#f5f0e8}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#8b5e3c}.no-images{text-align:center;padding:3rem 2rem;font-size:1.1rem;color:#8b5e3c;background:#d4a3731a;border-radius:12px;margin:2rem 0}.amenities{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:3rem 0;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d}.amenity-item{font-size:1.1rem;color:#2c1810;font-weight:500;display:flex;align-items:center;gap:.5rem}.location-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.highlight-card{background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.highlight-card h3{font-size:1.3rem;margin:0 0 1rem;color:#2c1810;font-weight:600}.highlight-card p{font-size:1rem;line-height:1.6;color:#5a3825;margin:0}@media(max-width:640px){.section{padding:4rem 1rem}.amenities{grid-template-columns:1fr;padding:1.5rem;gap:.75rem}.location-highlights{gap:1.5rem}.highlight-card{padding:1.5rem 1rem}}.availability-timeline{position:sticky;top:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);max-height:calc(100vh - 4rem);overflow-y:auto;width:100%}.timeline-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.08)}.timeline-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#2d3436}.timeline-subtitle{margin:0;font-size:.875rem;color:#636e72}.timeline-loading,.timeline-empty{padding:2rem 1rem;text-align:center;color:#636e72}.timeline-empty p{margin:.5rem 0}.timeline-list{display:flex;flex-direction:column;gap:1.25rem}.timeline-item{padding:1.25rem;background:#fff;border-radius:12px;border:2px solid rgba(0,0,0,.06);transition:all .3s ease}.timeline-item:hover{border-color:#74b9ff;box-shadow:0 4px 12px #74b9ff26;transform:translateY(-2px)}.timeline-dates{margin-bottom:.75rem}.date-range{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#2d3436;flex-wrap:wrap}.date-start,.date-end{white-space:nowrap}.date-separator{color:#b2bec3;font-weight:400}.timeline-flexibility{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.timeline-flexibility.fixed{background:linear-gradient(135deg,#d4a373,#8b5e3c);color:#fff}.timeline-flexibility.flexible-low{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.timeline-flexibility.flexible-high{background:linear-gradient(135deg,#55efc4,#00b894);color:#fff}.flexibility-icon{font-size:1rem;line-height:1}.flexibility-label{line-height:1}.timeline-notes{margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #74b9ff}.timeline-notes p{margin:0;font-size:.875rem;color:#2d3436;line-height:1.5}.timeline-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.timeline-hint{margin:0;font-size:.75rem;color:#95a5a6;line-height:1.4;text-align:center}.btn-interested{width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,#feb47b,#ff7e5f);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-interested:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7e5f66}.btn-interested:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#95a5a6;transition:color .2s ease;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#2d3436}.modal-title{margin:0 0 .5rem;font-size:1.75rem;color:#2d3436;font-weight:700}.modal-period{margin:0 0 1.5rem;font-size:1rem;color:#636e72;font-weight:600}.interest-form{display:flex;flex-direction:column;gap:1.25rem}.interest-form .form-group{display:flex;flex-direction:column;gap:.5rem}.interest-form label{font-weight:600;color:#2d3436;font-size:.95rem}.interest-form input,.interest-form textarea{padding:.875rem 1rem;border:2px solid #dfe6e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.interest-form input:focus,.interest-form textarea:focus{outline:none;border-color:#ff7e5f}.interest-form textarea{resize:vertical;min-height:120px}.form-hint{margin:.5rem 0 0;font-size:.8rem;color:#636e72;line-height:1.4}.btn-submit-interest{padding:1rem;background:linear-gradient(135deg,#feb47b,#ff7e5f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-submit-interest:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff7e5f66}.btn-submit-interest:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:2rem 1rem}.success-icon{display:inline-block;width:60px;height:60px;background:linear-gradient(135deg,#55efc4,#00b894);color:#fff;border-radius:50%;font-size:2rem;line-height:60px;margin-bottom:1rem;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message p{margin:.5rem 0;color:#2d3436;font-size:1rem;line-height:1.5}.success-message p:first-of-type{font-weight:600;font-size:1.1rem}.availability-timeline::-webkit-scrollbar{width:6px}.availability-timeline::-webkit-scrollbar-track{background:transparent}.availability-timeline::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.availability-timeline::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:1024px){.availability-timeline{position:static;margin-top:2rem;max-height:none}}@media(max-width:640px){.availability-timeline{padding:1.25rem}.timeline-header h3{font-size:1.25rem}.timeline-item{padding:1rem}.date-range{font-size:.9rem}.timeline-flexibility{font-size:.8rem;padding:.4rem .6rem}}.host-intro{padding:6rem 2rem;background:linear-gradient(135deg,#f5f0e8,#e8dcc8);position:relative}.host-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(212,163,115,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(212,163,115,.1) 0%,transparent 50%);pointer-events:none}.host-intro .container{max-width:800px;margin:0 auto;position:relative;z-index:1}.host-intro-content{text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem 2rem;box-shadow:0 10px 40px #0000001a;border:2px solid rgba(212,163,115,.2)}.host-intro-title{font-size:2.5rem;font-weight:700;color:#2c1810;margin:0 0 2rem;position:relative;display:inline-block}.host-intro-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#d4a373,#8b5e3c);border-radius:2px}.host-profile{display:flex;align-items:center;gap:2rem;margin:2rem 0 2.5rem;padding:0 1rem}.host-avatar{flex-shrink:0}.host-avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #d4a373;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease}.host-avatar-img:hover{transform:scale(1.05);box-shadow:0 12px 32px #0003}.host-info{flex:1;text-align:left}.host-name{font-size:2rem;font-weight:700;color:#2c1810;margin-bottom:1rem;letter-spacing:-.5px}.host-quote{font-size:1.25rem;font-style:italic;color:#5a3825;line-height:1.8;max-width:600px;margin:0 auto;padding:1.5rem;background:#d4a37314;border-radius:12px;border-left:4px solid #d4a373;position:relative}.host-quote:before{content:'"';position:absolute;top:-.5rem;left:1rem;font-size:3rem;color:#d4a373;opacity:.3;font-family:Georgia,serif;line-height:1}.host-social{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent;background:#fff;box-shadow:0 4px 12px #00000014}.social-link svg{flex-shrink:0}.social-link:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.social-link.instagram{color:#e4405f;border-color:#e4405f33}.social-link.instagram:hover{background:linear-gradient(135deg,#e4405f,#c13584);color:#fff;border-color:#e4405f}.social-link.linkedin{color:#0077b5;border-color:#0077b533}.social-link.linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.social-link.email{color:#8b5e3c;border-color:#8b5e3c33}.social-link.email:hover{background:linear-gradient(135deg,#d4a373,#8b5e3c);color:#fff;border-color:#8b5e3c}@media(max-width:768px){.host-intro{padding:4rem 1rem}.host-intro-content{padding:2rem 1.5rem}.host-intro-title{font-size:2rem}.host-profile{flex-direction:column;text-align:center;gap:1.5rem}.host-info{text-align:center}.host-avatar-img{width:100px;height:100px}.host-name{font-size:1.75rem}.host-quote{font-size:1.1rem;padding:1.25rem}.social-link{padding:.875rem 1.25rem;font-size:.95rem}.social-link span{display:none}.social-link{width:56px;height:56px;justify-content:center;padding:0}.social-link svg{width:28px;height:28px}}@media(max-width:480px){.host-intro-title{font-size:1.75rem}.host-avatar-img{width:80px;height:80px;border:3px solid #d4a373}.host-name{font-size:1.5rem}.host-quote{font-size:1rem}}.landing{min-height:100vh}.landing-with-timeline{display:grid;grid-template-columns:1fr 350px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.landing-main-content{min-width:0}.landing-sidebar{position:relative}@media(max-width:1024px){.landing-with-timeline{grid-template-columns:1fr;gap:0}.landing-sidebar{max-width:600px;margin:2rem auto}}@media(max-width:640px){.landing-with-timeline{padding:0 1rem}}.footer{background:#2c1810;color:#fff;padding:4rem 2rem 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3{font-size:1.5rem;margin:0 0 1rem;color:#d4a373}.footer-section h4{font-size:1.2rem;margin:0 0 1rem;color:#d4a373}.footer-section p{margin:.5rem 0;opacity:.9;line-height:1.6}.footer-section a{color:#d4a373;text-decoration:none;transition:opacity .3s ease}.footer-section a:hover{opacity:.8}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(212,163,115,.3);text-align:center}.footer-bottom p{margin:0;opacity:.7;font-size:.9rem}@media(max-width:640px){.footer{padding:3rem 1rem 1.5rem}.footer-content{gap:2rem}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5e6d3,#d4a373);padding:2rem}.admin-login-container{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 24px #00000026;max-width:400px;width:100%}.admin-login-container h1{margin:0 0 .5rem;color:#2c1810;font-size:2rem;text-align:center}.login-subtitle{text-align:center;color:#8b5e3c;margin:0 0 1rem}.demo-notice{background:#e8f4fd;border:2px solid #4a9fd8;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.demo-notice strong{color:#2563eb;display:block;margin-bottom:.5rem;font-size:1rem}.demo-notice p{margin:0;color:#1e40af;font-size:.95rem}.demo-notice code{background:#dbeafe;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#1e40af;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2c1810;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;border:2px solid #e0d5c7;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#d4a373}.form-group textarea{resize:vertical}.error-message{background:#fee;color:#c33;padding:.875rem;border-radius:8px;font-size:.95rem;text-align:center}.btn-submit{padding:1rem;background:#2c1810;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-submit:hover:not(:disabled){background:#3d2318}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.back-link{margin-top:1.5rem;text-align:center}.back-link a{color:#8b5e3c;text-decoration:none;font-size:.95rem;transition:color .3s ease}.back-link a:hover{color:#2c1810}.admin-dashboard{min-height:100vh;background:#faf8f5}.admin-header{background:#2c1810;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.admin-header h1{margin:0;font-size:1.75rem}.btn-logout{padding:.625rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.btn-logout:hover{background:#ffffff4d}.admin-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid;gap:3rem}.upload-section,.images-section,.availability-section,.interests-section{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 12px #00000014}.upload-section h2,.images-section h2,.availability-section h2,.interests-section h2{margin:0 0 2rem;color:#2c1810;font-size:1.75rem}.availability-section h3{margin:0 0 1.5rem;color:#2c1810;font-size:1.3rem}.upload-form{display:flex;flex-direction:column;gap:1.5rem}.image-preview{border:2px solid #e0d5c7;border-radius:12px;overflow:hidden;max-width:400px}.image-preview img{width:100%;height:auto;display:block}.category-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-tabs button{padding:.75rem 1.5rem;background:#f5f0e8;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;color:#5a3825;transition:all .3s ease}.category-tabs button:hover{background:#e0d5c7}.category-tabs button.active{background:#2c1810;color:#fff;border-color:#2c1810}.admin-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.admin-image-card{background:#faf8f5;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.admin-image-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.admin-image-card img{width:100%;height:200px;object-fit:cover;display:block}.image-info{padding:1.5rem}.image-info h4{margin:0 0 .5rem;color:#2c1810;font-size:1.1rem}.image-info p{margin:0 0 1rem;color:#5a3825;font-size:.95rem;line-height:1.5}.btn-delete{width:100%;padding:.75rem;background:#c33;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.btn-delete:hover{background:#a22}.availability-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#f9f7f4;border-radius:12px;margin-bottom:3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.periods-list{margin-top:2rem}.periods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.period-card{background:#f9f7f4;padding:1.5rem;border-radius:12px;border:2px solid #e0d5c7;transition:all .3s ease}.period-card:hover{border-color:#d4a373;box-shadow:0 4px 12px #d4a37326}.period-dates{font-size:1.1rem;color:#2c1810;margin-bottom:1rem}.period-flexibility{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.period-notes{color:#5a3825;font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border-left:3px solid #d4a373}.loading,.no-periods,.no-interests{text-align:center;padding:3rem 1rem;color:#8b5e3c;font-size:1.1rem}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.interest-card{background:#f9f7f4;padding:1.5rem;border-radius:12px;border:2px solid #e0d5c7;transition:all .3s ease}.interest-card:hover{border-color:#d4a373;box-shadow:0 4px 12px #d4a37326}.interest-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e0d5c7}.interest-period-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.interest-period-info strong{font-size:1rem;color:#2c1810}.interest-flexibility{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;width:fit-content}.interest-submitted{font-size:.85rem;color:#8b5e3c;font-style:italic}.period-deleted{color:#c33;font-style:italic}.interest-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.interest-field{display:flex;flex-direction:column;gap:.25rem}.interest-field label{font-weight:600;color:#5a3825;font-size:.9rem}.interest-field span,.interest-field a{color:#2c1810;font-size:.95rem}.interest-field a{text-decoration:none;color:#ff7e5f;transition:color .2s ease}.interest-field a:hover{color:#feb47b;text-decoration:underline}.message-field p{margin:.5rem 0 0;padding:1rem;background:#fff;border-radius:8px;color:#2c1810;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.admin-container{padding:2rem 1rem}.upload-section,.images-section,.availability-section,.interests-section{padding:1.5rem}.admin-header{padding:1rem}.admin-header h1{font-size:1.25rem}.category-tabs{gap:.375rem}.category-tabs button{padding:.625rem 1rem;font-size:.9rem}.admin-images-grid{grid-template-columns:1fr;gap:1.5rem}.form-row,.periods-grid,.interests-grid{grid-template-columns:1fr}}*{box-sizing:border-box}body{margin:0;padding: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;color:#2c1810}html{scroll-behavior:smooth}#root{min-height:100vh}