@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.video-hero{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg)}.video-bg{position:absolute;inset:0;background:#050510}.video-bg video{width:100%;height:100%;object-fit:cover;opacity:.75}.video-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(15,15,15,.4) 40%,rgba(15,15,15,.1) 70%,rgba(15,15,15,.3) 100%);pointer-events:none}.video-hero-content{position:relative;z-index:2;text-align:center}.video-hero-content h1{font-size:5rem;font-weight:700;letter-spacing:-3px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-hero-content p{color:#f0f0f580;margin:.25rem 0 2rem;letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.enter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2.2rem;border:1px solid rgba(168,85,247,.35);border-radius:50px;background:#a855f714;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;letter-spacing:.5px}.enter-btn:hover{background:#a855f733;border-color:#a855f799;box-shadow:0 0 40px #a855f726}.enter-btn:hover .earrow{transform:translate(4px)}.earrow{transition:transform .3s;display:inline-block}.login-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:300px}.password-form{display:flex;gap:.5rem;width:100%;max-width:300px}.password-input{flex:1;padding:.75rem 1.2rem;border:1px solid rgba(168,85,247,.35);border-radius:50px;background:#0f0f0fb3;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.9rem;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-input:focus{border-color:#a855f7b3;box-shadow:0 0 20px #a855f726}.password-input::placeholder{color:#f0f0f559}.password-btn{padding:.75rem 1.2rem;border:1px solid rgba(168,85,247,.35);border-radius:50px;background:#a855f726;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s}.password-btn:hover{background:#a855f74d;border-color:#a855f799}.login-error{color:#ff4d6a;font-size:.8rem;margin:0}.login-divider{display:flex;align-items:center;gap:1rem;width:100%;max-width:300px;color:#f0f0f54d;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#f0f0f526}.google-btn-container{display:flex;justify-content:center}@media(max-width:900px){.video-hero-content h1{font-size:3.2rem}}@media(max-width:600px){.video-hero-content h1{font-size:2.4rem;letter-spacing:-1.5px}}.navbar{position:sticky;top:0;z-index:100;background:#0f0f0feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:.15rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.78rem;font-weight:500;padding:.45rem .8rem;border-radius:8px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);background:var(--surface)}.nav-user{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;transition:transform .2s}.nav-user:hover{transform:scale(1.1)}@media(max-width:600px){.nav-links a{font-size:.65rem;padding:.4rem .5rem}.navbar{padding:0 1rem}}.card{background:var(--surface);border-radius:var(--radius);padding:1.3rem;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 0 0 1px var(--border)}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1.5px;background:var(--card-accent, linear-gradient(135deg, var(--purple), var(--blue)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s;pointer-events:none}.card:hover:after{opacity:1}.card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px transparent,0 8px 35px var(--card-glow, rgba(168,85,247,.12))}.card-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.card h3{font-size:1.05rem;font-weight:600;letter-spacing:-.3px;margin-bottom:.4rem}.accent-pink{--card-accent: linear-gradient(135deg, var(--pink), #ff6b9d);--card-glow: rgba(255,45,120,.12)}.accent-purple{--card-accent: linear-gradient(135deg, var(--purple), #c084fc);--card-glow: rgba(168,85,247,.12)}.accent-blue{--card-accent: linear-gradient(135deg, var(--blue), #60a5fa);--card-glow: rgba(59,130,246,.12)}.accent-teal{--card-accent: linear-gradient(135deg, var(--teal), #34d399);--card-glow: rgba(6,214,160,.12)}.accent-orange{--card-accent: linear-gradient(135deg, var(--orange), var(--yellow));--card-glow: rgba(249,115,22,.12)}.accent-multi{--card-accent: linear-gradient(135deg, var(--pink), var(--purple), var(--blue), var(--teal));--card-glow: rgba(168,85,247,.15)}.gradient-bar{position:relative;border-radius:var(--radius);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.7rem;font-size:.85rem;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .2s}.gradient-bar:hover{transform:translate(2px)}.gradient-bar:before{content:"";position:absolute;inset:0;border-radius:var(--radius);opacity:.12}.glow-yellow:before{background:linear-gradient(90deg,transparent 0%,var(--yellow) 100%)}.glow-pink:before{background:linear-gradient(90deg,transparent 0%,var(--pink) 100%)}.glow-teal:before{background:linear-gradient(90deg,transparent 0%,var(--teal) 100%)}.glow-purple:before{background:linear-gradient(90deg,transparent 0%,var(--purple) 100%)}.glow-orange:before{background:linear-gradient(90deg,transparent 0%,var(--orange) 100%)}.glow-blue:before{background:linear-gradient(90deg,transparent 0%,var(--blue) 100%)}.badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.18rem .5rem;border-radius:5px;white-space:nowrap;position:relative}.gradient-bar-text{position:relative;flex:1}.gradient-bar-meta{margin-left:auto;font-size:.65rem;color:var(--text-muted);position:relative;white-space:nowrap}@media(max-width:600px){.gradient-bar{font-size:.78rem;flex-wrap:wrap}}.home-page{width:100%;max-width:1600px;margin:0 auto;padding:2rem 2.5rem}.hero-section{margin-bottom:3rem;animation:fadeInDown .8s ease-out}.hero-content{display:flex;flex-direction:column;gap:.5rem}.hero-title{font-size:2.8rem;font-weight:700;letter-spacing:-1px;color:var(--text);margin:0;line-height:1.1}.family-name{background:linear-gradient(135deg,var(--purple),var(--pink),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.5px}.hero-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400;margin:0}.metrics-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:3rem}.metric-card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;position:relative;overflow:hidden;border:1px solid var(--border);transition:all .3s ease}.metric-card:before{content:"";position:absolute;right:-50%;top:-50%;width:100%;height:100%;border-radius:50%;opacity:.07;transition:all .3s ease}.metric-purple:before{background:var(--purple)}.metric-pink:before{background:var(--pink)}.metric-yellow:before{background:var(--yellow)}.metric-card:hover:before{right:-30%;top:-30%;opacity:.1}.metric-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:var(--text-muted);margin-bottom:.8rem}.metric-value{font-size:2.5rem;font-weight:700;color:var(--text);letter-spacing:-.5px}.announcements-section{margin-bottom:3rem}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.3rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.3px}.btn-add-announcement{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-add-announcement:hover{background:var(--surface-hover);border-color:var(--text-muted);transform:translateY(-1px)}.announcement-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1.2rem}.announcement-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem;color:var(--text);font-size:.95rem;font-family:Space Grotesk,sans-serif;margin-bottom:1rem;outline:none;transition:all .2s ease}.announcement-input:focus{border-color:var(--purple);box-shadow:0 0 12px #a855f71a}.announcement-form-actions{display:flex;gap:.8rem;justify-content:flex-end}.btn-primary{background:var(--purple);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-primary:hover{background:#c084fc;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.7rem 1.5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}.announcements-list{display:flex;flex-direction:column;gap:.8rem}.announcement-close{background:none;border:none;color:var(--text-muted);cursor:pointer;margin-left:auto;transition:all .2s ease;display:flex;align-items:center;padding:.3rem}.announcement-close:hover{color:var(--text);transform:scale(1.1)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:3rem}.calendar-card{display:flex;flex-direction:column;gap:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;margin-bottom:1.5rem}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:.5rem 0;letter-spacing:.5px}.calendar-day{min-height:4.5rem;display:flex;flex-direction:column;align-items:stretch;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);position:relative;cursor:pointer;transition:all .2s ease;padding:.2rem .25rem;overflow:hidden}.calendar-day:not(.empty):hover{background:var(--surface-hover);border-color:var(--purple)}.calendar-day.empty{background:transparent;border:none}.calendar-day.today{background:var(--purple);color:#fff;border-color:var(--purple);font-weight:600}.calendar-day.event{border-color:var(--pink)}.day-number{font-size:.7rem;font-weight:600;line-height:1;margin-bottom:.15rem}.day-events{display:flex;flex-direction:column;gap:1px;overflow:hidden;flex:1}.day-event-chip{display:flex;align-items:center;gap:2px;background:#a855f733;border-radius:2px;padding:0 3px;font-size:.55rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.chip-time{font-weight:600;color:var(--pink);flex-shrink:0}.chip-name{overflow:hidden;text-overflow:ellipsis}.day-event-more{font-size:.5rem;color:var(--text-muted);text-align:center;line-height:1.2}.calendar-day.today .day-event-chip{background:#fff3}.upcoming-events{border-top:1px solid var(--border);padding-top:1rem}.upcoming-header{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--text-muted);margin-bottom:.8rem}.upcoming-item{display:flex;gap:1rem;padding:.6rem 0;font-size:.9rem;align-items:center}.event-date{font-weight:600;color:var(--purple);min-width:60px}.event-name{color:var(--text)}.action-items-card{display:flex;flex-direction:column}.action-items-list{display:flex;flex-direction:column;gap:.8rem}.action-item{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s ease}.action-item:hover{border-color:var(--teal);background:var(--surface-hover)}.action-checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--teal);cursor:pointer;flex-shrink:0}.action-content{flex:1;display:flex;flex-direction:column;gap:.3rem}.action-text{font-size:.9rem;color:var(--text);font-weight:500;transition:all .2s ease}.action-text.done{color:var(--text-muted);text-decoration:line-through}.action-meta{display:flex;gap:.8rem;font-size:.75rem;color:var(--text-muted)}.assignee{font-weight:500;color:var(--teal)}.due-date{color:var(--text-muted)}.action-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.action-items-header h3{margin:0}.btn-add-task{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#06d6a026;border:1px solid rgba(6,214,160,.3);color:var(--teal);cursor:pointer;transition:all .2s ease}.btn-add-task:hover{background:#06d6a040;border-color:var(--teal)}.add-task-form{margin-bottom:.8rem;overflow:hidden}.add-task-input{width:100%;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;outline:none;transition:border-color .2s;box-sizing:border-box}.add-task-input:focus{border-color:var(--teal)}.add-task-actions{display:flex;gap:.4rem;margin-top:.4rem}.btn-primary-sm{padding:.35rem .8rem;background:var(--teal);color:var(--bg-deep);border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary-sm:hover{opacity:.85}.btn-secondary-sm{padding:.35rem .8rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.btn-secondary-sm:hover{border-color:var(--text-muted)}.btn-delete-task{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0;margin-top:2px}.action-item:hover .btn-delete-task{opacity:1}.btn-delete-task:hover{background:#ff2d7826;color:var(--pink)}.photos-card{display:flex;flex-direction:column}.photo-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.photo-tile{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.photo-tile:hover{transform:scale(1.05);border-color:var(--pink)}.recipes-card{display:flex;flex-direction:column}.recipes-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth}.recipes-scroll::-webkit-scrollbar{height:4px}.recipes-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.recipe-card-item{flex:0 0 auto;width:100px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;padding:.8rem;text-align:center}.recipe-card-item:hover{border-color:var(--blue);transform:translateY(-4px);background:var(--surface-hover)}.recipe-emoji{font-size:2rem;line-height:1}.recipe-name{font-size:.75rem;color:var(--text);font-weight:600;word-break:break-word}.upload-card{display:flex;flex-direction:column}.upload-area{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1.5rem;background:var(--bg);transition:all .3s ease;cursor:pointer;min-height:140px}.upload-area.active{border-color:var(--orange);background:#f973160d}.upload-area.uploaded{border-color:var(--teal);background:#06d6a00d}.upload-prompt,.upload-success{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--text-muted);text-align:center}.upload-prompt p{margin:0;font-size:.9rem;color:var(--text);font-weight:500}.upload-hint{font-size:.75rem;color:var(--text-muted)}.upload-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--teal);border-radius:50%;color:var(--bg);font-size:1.5rem;font-weight:700}.upload-filename{font-size:.85rem;color:var(--text);font-weight:500;word-break:break-all}.btn-clear-upload{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif;margin-top:.5rem}.btn-clear-upload:hover{color:var(--text);border-color:var(--text-muted)}.documents-card{display:flex;flex-direction:column}.documents-list{display:flex;flex-direction:column;gap:.8rem}.document-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s ease;cursor:pointer}.document-item:hover{border-color:var(--teal);background:var(--surface-hover)}.doc-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface);border-radius:var(--radius-sm);color:var(--teal);flex-shrink:0}.doc-name{flex:1;font-size:.9rem;color:var(--text);font-weight:500}.doc-download{color:var(--text-muted);transition:all .2s ease}.document-item:hover .doc-download{color:var(--teal)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.home-page{padding:1.5rem 2rem}.bento-grid{gap:1.2rem}.calendar-card,.action-items-card,.photos-card{grid-column:span 6!important}.recipes-card{grid-column:span 12!important}.upload-card,.documents-card{grid-column:span 6!important}}@media(max-width:768px){.home-page{padding:1.5rem 1rem}.hero-title{font-size:2rem}.metrics-strip{grid-template-columns:1fr;gap:1rem}.announcements-header{flex-direction:column;align-items:flex-start;gap:1rem}.bento-grid{gap:1rem}.calendar-card,.action-items-card,.photos-card,.recipes-card,.upload-card,.documents-card{grid-column:span 12!important}.calendar-grid{gap:.4rem}.calendar-day{font-size:.75rem;min-height:3.5rem}.day-event-chip{font-size:.5rem}.photo-mosaic{grid-template-columns:repeat(2,1fr)}.recipes-scroll{gap:.8rem}.recipe-card-item{width:80px}}@media(max-width:480px){.home-page{padding:1rem}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.85rem}.bento-grid{gap:.8rem}.calendar-day-header{font-size:.65rem}.calendar-day{font-size:.7rem;gap:.2rem}.photo-mosaic{grid-template-columns:repeat(2,1fr);gap:.6rem}.recipe-emoji{font-size:1.5rem}.card{padding:1rem}}.card-title-nav{display:flex;align-items:center;gap:.35rem}.nav-arrow{opacity:.4;transition:opacity .25s ease,transform .25s ease}.card[style*="cursor: pointer"]:hover .nav-arrow{opacity:1;transform:translate(3px)}.card[style*="cursor: pointer"]:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.calendar-page{width:100%;max-width:1600px;margin:0 auto;padding:2rem 2.5rem;animation:pageEnter .6s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.calendar-title{font-size:2.8rem;font-weight:700;letter-spacing:-1px;color:var(--text);margin:0;background:linear-gradient(135deg,var(--pink),var(--purple),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-subtitle{font-size:.95rem;color:var(--text-muted);margin:.5rem 0 0}.btn-add-event{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:.8rem 1.6rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,sans-serif;box-shadow:0 4px 15px #ff2d7833}.btn-add-event:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff2d784d}.btn-add-event:active{transform:translateY(0)}.add-event-form{margin-bottom:2rem}.form-card{display:flex;flex-direction:column;gap:1.5rem}.form-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem}.form-header h3{margin:0;font-size:1.2rem;background:linear-gradient(135deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-close-form{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;padding:.4rem}.btn-close-form:hover{color:var(--pink);transform:rotate(90deg)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.form-input,.form-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem;color:var(--text);font-size:.95rem;font-family:Space Grotesk,sans-serif;transition:all .2s ease;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--purple);box-shadow:0 0 12px #a855f726}.form-textarea{resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;border-top:1px solid var(--border);padding-top:1rem}.btn-primary{background:linear-gradient(135deg,var(--purple),#c084fc);color:#fff;border:none;padding:.8rem 2rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #a855f74d}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.8rem 2rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted);background:var(--surface-hover)}.calendar-grid-container{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:3rem}.calendar-card-main{display:flex;flex-direction:column;gap:1.5rem}.calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-nav{background:var(--surface);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-nav:hover{background:var(--surface-hover);border-color:var(--purple);color:var(--purple);transform:scale(1.05)}.calendar-month-year{font-size:1.4rem;font-weight:700;color:var(--text);margin:0;text-align:center;flex:1}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;margin-bottom:.5rem}.weekday-header{text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:.8rem 0}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem}.calendar-day-cell{min-height:5.5rem;display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .4rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.calendar-day-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,45,120,.05));opacity:0;transition:opacity .3s ease}.calendar-day-cell.other-month{opacity:.3;cursor:default}.calendar-day-cell:not(.other-month):hover{border-color:var(--purple);background:var(--surface-hover);transform:translateY(-2px)}.calendar-day-cell.today{background:linear-gradient(135deg,var(--pink),var(--purple));border-color:transparent;color:#fff}.calendar-day-cell.today .day-number{font-weight:700;color:#fff}.calendar-day-cell.selected{border-color:var(--pink);background:#ff2d781a;box-shadow:inset 0 0 0 1.5px var(--pink)}.calendar-day-cell.has-events{border-color:var(--purple)}.day-number{font-size:1.1rem;font-weight:600;color:var(--text);z-index:1;line-height:1}.event-chips{display:flex;flex-direction:column;gap:1px;margin-top:.2rem;overflow:hidden;flex:1;z-index:1}.event-chip{display:flex;align-items:center;gap:2px;background:#a855f726;border-left:2px solid var(--purple);border-radius:2px;padding:0 4px;font-size:.6rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.event-chip .chip-time{font-weight:700;color:var(--pink);flex-shrink:0;font-size:.55rem}.event-chip .chip-label{overflow:hidden;text-overflow:ellipsis}.event-chip-more{font-size:.55rem;color:var(--text-muted);font-weight:600;text-align:center;line-height:1.3}.calendar-day-cell.today .event-chip{background:#fff3;border-left-color:#ffffff80}.calendar-day-cell.today .event-chip .chip-time{color:#ffffffe6}.event-indicators,.event-indicator{display:none}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.events-panel{display:flex;flex-direction:column}.selected-date-card,.all-events-card{display:flex;flex-direction:column;gap:1rem}.selected-date-header{border-bottom:1px solid var(--border);padding-bottom:.8rem}.selected-date-header h3{margin:0;font-size:1.1rem;background:linear-gradient(135deg,var(--pink),#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.all-events-card h3{margin:.5rem 0 0}.selected-events-list,.all-events-list{display:flex;flex-direction:column;gap:.8rem}.event-item{display:flex;gap:1rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;transition:all .2s ease;position:relative;overflow:hidden}.event-item:hover{border-color:var(--purple);background:var(--surface-hover)}.event-item.selected{background:#ff2d780d;border-color:var(--pink)}.event-color-bar{width:4px;height:100%;border-radius:2px;flex-shrink:0;position:absolute;left:0;top:0}.event-content{flex:1;display:flex;flex-direction:column;gap:.4rem;margin-left:.8rem}.event-date-display{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.event-content h4{margin:0;font-size:.95rem;color:var(--text);font-weight:600}.event-time{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.event-description{font-size:.8rem;color:var(--text-muted);margin:.3rem 0 0;line-height:1.4}.btn-delete-event{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;padding:.4rem;flex-shrink:0}.btn-delete-event:hover{color:var(--pink);transform:scale(1.15)}.no-events{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);border-style:dashed;min-height:120px}.no-events p{margin:0}@media(max-width:1200px){.calendar-page{padding:1.5rem 2rem}.calendar-grid-container{grid-template-columns:1fr;gap:1.2rem}.calendar-header{flex-wrap:wrap;gap:1rem}}@media(max-width:768px){.calendar-page{padding:1.5rem 1rem}.calendar-title{font-size:2rem}.calendar-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-add-event{width:100%;justify-content:center}.calendar-days-grid{gap:.5rem}.calendar-day-cell{padding:.3rem}.day-number{font-size:.95rem}.calendar-day-cell{min-height:4.5rem}.event-chip{font-size:.55rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;min-width:120px}}@media(max-width:480px){.calendar-page{padding:1rem}.calendar-title{font-size:1.5rem}.calendar-subtitle{font-size:.8rem}.btn-add-event{padding:.7rem 1.2rem;font-size:.8rem}.calendar-month-year{font-size:1.1rem}.weekday-header{font-size:.65rem;padding:.4rem 0}.calendar-days-grid{gap:.4rem}.calendar-day-cell{padding:.2rem;font-size:.8rem}.day-number{font-size:.8rem}.calendar-day-cell{min-height:3.5rem}.event-chip{font-size:.5rem;padding:0 2px}.event-item{padding:.8rem;gap:.8rem}.event-content h4{font-size:.85rem}.event-time{font-size:.75rem}.form-header h3{font-size:1rem}.form-input,.form-textarea{padding:.7rem .8rem;font-size:.9rem}.btn-nav{width:36px;height:36px}.btn-nav svg{width:18px;height:18px}}@media(max-width:360px){.calendar-page{padding:.8rem}.calendar-title{font-size:1.3rem}.weekday-header{font-size:.6rem}.day-number{font-size:.7rem}.event-chip{font-size:.45rem;line-height:1.3}.event-more{font-size:.5rem}}.photos-page{padding:40px 24px;max-width:1200px;margin:0 auto}.photos-header{margin-bottom:48px}.upload-section{margin-bottom:48px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ff2d7805}.upload-zone:hover{border-color:var(--pink);background:#ff2d780d}.upload-zone.active{border-color:var(--pink);background:#ff2d781a;transform:scale(1.01)}.upload-icon{color:var(--pink);margin-bottom:16px;display:block}.upload-zone h3{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:8px}.upload-progress-area{padding:12px 0}.upload-progress-bar{width:100%;max-width:300px;height:6px;background:var(--border);border-radius:3px;margin:0 auto 12px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:3px;transition:width .3s ease}.upload-progress-text{color:var(--text-muted);font-size:.9rem}.whatsapp-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-top:16px;background:#25d36614;border:1px solid rgba(37,211,102,.2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem}.whatsapp-hint svg{color:#25d366;flex-shrink:0}.album-section{margin-bottom:48px}.album-header{display:flex;align-items:center;justify-content:space-between}.album-count{font-size:.8rem;color:var(--text-muted);font-weight:500}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:20px}.photo-tile{border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden;min-height:180px;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.photo-tile.tall{grid-row:span 2;min-height:376px}.photo-tile.short{min-height:180px}.photo-tile:hover{box-shadow:0 8px 24px #ff2d784d}.photo-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.photo-tile:hover .photo-overlay{background:#00000080}.photo-actions-overlay{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity .3s ease}.photo-tile:hover .photo-actions-overlay{opacity:1}.photo-action{color:var(--text);font-weight:600;font-size:.9rem}.photo-delete-btn{background:#ff2d78cc;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.photo-delete-btn:hover{background:var(--pink);transform:scale(1.15)}.album-picker-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.album-picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:2rem;width:90%;max-width:440px}.album-picker-title{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:1.25rem}.album-picker-options{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem;max-height:200px;overflow-y:auto}.album-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:left}.album-option:hover{border-color:var(--purple);background:#a855f714}.album-option.selected{border-color:var(--pink);background:#ff2d781a;color:var(--pink)}.album-option svg{flex-shrink:0;opacity:.6}.album-option.selected svg{opacity:1}.album-custom{margin-bottom:1.25rem}.album-custom-input{width:100%;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s ease}.album-custom-input:focus{border-color:var(--pink)}.album-custom-input::placeholder{color:var(--text-muted)}.album-picker-actions{display:flex;gap:10px}.btn-upload-album{flex:1;padding:10px 20px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-upload-album:hover{opacity:.9;transform:translateY(-1px)}.btn-cancel-album{padding:10px 20px;background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-cancel-album:hover{background:#ffffff1a;color:var(--text)}.lightbox-backdrop{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 20px 60px #ff2d784d}.lightbox-photo{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #ff2d7866}.lightbox-close{position:absolute;top:-40px;right:0;background:#ffffff1a;border:none;color:var(--text);border-radius:var(--radius-sm);padding:8px;cursor:pointer;transition:all .3s ease;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);background:#0009;border:none;color:var(--text);width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.lightbox-nav:hover{background:#000000e6;scale:1.1}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.lightbox-info{display:flex;align-items:center;gap:16px;margin-top:16px;padding:8px 16px;background:#00000080;border-radius:var(--radius-sm)}.lightbox-counter{color:var(--text);font-size:.85rem;font-weight:600}.lightbox-filename{color:var(--text-muted);font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-delete{background:#ff2d7833;border:none;color:var(--pink);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:auto}.lightbox-delete:hover{background:var(--pink);color:#fff}@media(max-width:768px){.photos-page{padding:32px 16px}.page-title{font-size:2rem}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.photo-tile{min-height:140px}.photo-tile.tall{grid-row:span 2;min-height:292px}.lightbox-content{width:95%;max-width:600px}.lightbox-nav{width:40px;height:40px}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}.album-picker-modal{width:95%;padding:1.5rem}.whatsapp-hint{font-size:.8rem}}@media(max-width:480px){.photos-page{padding:24px 12px}.page-title{font-size:1.75rem}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.photo-tile{min-height:100px}.photo-tile.tall{grid-row:span 2;min-height:210px}.lightbox-content{width:98%}.lightbox-img{max-height:60vh}.lightbox-nav{width:36px;height:36px}.lightbox-nav svg{width:20px;height:20px}.lightbox-info{flex-wrap:wrap;gap:8px}.lightbox-filename{max-width:120px}}.docs-page{padding:40px 24px;max-width:1000px;margin:0 auto}.docs-header{margin-bottom:40px}.search-upload-section{margin-bottom:32px}.search-bar{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--text-muted)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9731605}.upload-zone:hover{border-color:var(--orange);background:#f973160d}.upload-zone.active{border-color:var(--orange);background:#f973161a;transform:scale(1.01)}.upload-icon{color:var(--orange);margin-bottom:12px;display:block}.upload-zone h3{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:6px}.upload-hint{color:var(--text-muted);font-size:.9rem;display:block}.category-section{margin-bottom:32px}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.category-title-group{display:flex;align-items:center;gap:12px}.category-icon{font-size:1.3rem}.category-icon.pink{color:var(--pink)}.category-icon.blue{color:var(--blue)}.category-icon.teal{color:var(--teal)}.category-icon.yellow{color:var(--yellow)}.doc-count{font-size:.9rem;color:var(--text-muted);font-weight:500}.documents-table{display:flex;flex-direction:column;gap:12px}.document-row{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .3s ease}.document-row:hover{background:#ffffff0d;border-color:var(--blue);transform:translate(4px)}.doc-type-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--blue)}.doc-info{flex:1;min-width:0}.doc-name{font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.doc-date{white-space:nowrap}.doc-separator{color:var(--border)}.doc-uploader{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-download{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-download:hover{background:var(--blue);color:var(--text);border-color:var(--blue)}.no-results{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:1rem}@media(max-width:768px){.docs-page{padding:32px 16px}.page-title{font-size:2rem}.category-header{flex-direction:column;align-items:flex-start;gap:8px}.document-row{flex-wrap:wrap;padding:12px}.doc-info{flex:1;min-width:100%}.btn-download{flex-basis:auto}}@media(max-width:480px){.docs-page{padding:24px 12px}.page-title{font-size:1.75rem}.search-input{font-size:1rem;padding:12px 12px 12px 40px}.document-row{padding:12px;gap:12px}.doc-type-icon,.btn-download{width:36px;height:36px}.doc-name{font-size:.95rem}.doc-meta{font-size:.8rem}}.directory-page{padding:40px 24px;max-width:1200px;margin:0 auto}.directory-header{margin-bottom:48px}.section-title{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:24px}.members-section{margin-bottom:48px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.member-card-wrapper{height:100%}.member-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative}.member-card-actions{position:absolute;top:-4px;right:-4px;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.member-card:hover .member-card-actions{opacity:1}.member-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.member-action-btn:hover{background:#a855f726;color:var(--purple);border-color:var(--purple)}.member-action-btn.delete:hover{background:#ff2d7826;color:var(--pink);border-color:var(--pink)}.edit-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.edit-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:2rem;width:90%;max-width:500px}.member-avatar{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:var(--text);box-shadow:0 8px 24px #0000004d}.avatar-initials{text-shadow:0 2px 4px rgba(0,0,0,.3)}.member-name{font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.member-role{font-size:.9rem;color:var(--text-muted);margin:0}.member-contacts{display:flex;gap:12px;justify-content:center}.contact-btn{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--text);transition:all .3s ease;cursor:pointer}.contact-btn.call{background:#3b82f61a;color:var(--blue);border-color:var(--blue)}.contact-btn.call:hover{background:var(--blue);color:var(--text)}.contact-btn.text{background:#a855f71a;color:var(--purple);border-color:var(--purple)}.contact-btn.text:hover{background:var(--purple);color:var(--text)}.contact-btn.email{background:#ff2d781a;color:var(--pink);border-color:var(--pink)}.contact-btn.email:hover{background:var(--pink);color:var(--text)}.member-details{width:100%;border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:.95rem;color:var(--text);word-break:break-all}.detail-value.email-value{font-size:.85rem}.emergency-section{margin-bottom:40px}.emergency-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.emergency-icon{color:var(--pink);flex-shrink:0}.btn-add-emergency{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#ff2d7826;color:var(--pink);border:1px solid rgba(255,45,120,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-add-emergency:hover{background:#ff2d784d;transform:scale(1.1)}.add-emergency-form{margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid rgba(255,45,120,.15);overflow:hidden}.emergency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.emergency-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ff2d780d;border:1px solid rgba(255,45,120,.2);border-radius:var(--radius-sm);transition:all .3s ease}.emergency-card.primary{border:2px solid var(--pink);background:#ff2d781a;box-shadow:0 0 20px #ff2d7833}.emergency-card:hover{border-color:var(--pink);background:#ff2d781a}.emergency-icon-emoji{font-size:2rem;flex-shrink:0}.emergency-content{flex:1}.emergency-name{font-weight:600;color:var(--text);margin-bottom:4px;font-size:.95rem}.emergency-number{font-size:1.1rem;font-weight:700;color:var(--pink);font-family:Courier New,monospace}.emergency-call-btn{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--pink);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;cursor:pointer}.emergency-call-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff2d7866}.emergency-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.emergency-edit-btn,.emergency-delete-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0d;color:#fff6;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;transition:all .3s ease}.emergency-card:hover .emergency-edit-btn,.emergency-card:hover .emergency-delete-btn{opacity:1}.emergency-edit-btn:hover{background:#a855f733;color:var(--purple)}.emergency-delete-btn:hover{background:#ff2d7833;color:var(--pink)}@media(max-width:768px){.directory-page{padding:32px 16px}.page-title{font-size:2rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.emergency-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:480px){.directory-page{padding:24px 12px}.page-title{font-size:1.75rem}.section-title{font-size:1.25rem}.members-grid{grid-template-columns:1fr;gap:16px}.emergency-grid{grid-template-columns:1fr}.emergency-card{padding:16px}.member-avatar{width:80px;height:80px;font-size:1.25rem}.member-name{font-size:1.1rem}.detail-value{font-size:.85rem}}.recipes-page{padding:40px 24px;max-width:1200px;margin:0 auto}.recipes-header{margin-bottom:32px}.page-title{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.5px}.page-subtitle{font-size:1rem;color:var(--text-muted);font-weight:400}.mimi-credit{color:var(--text-muted)}.mimi-link{color:var(--pink);text-decoration:none;font-weight:500;transition:color .2s ease}.mimi-link:hover{color:#ff1f6b;text-decoration:underline}.add-recipe-button-container{margin-bottom:32px}.btn-add-recipe{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 100%);color:var(--text);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff2d784d}.btn-add-recipe:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff2d7866}.add-recipe-form{margin-bottom:32px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.form-input,.form-textarea{padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--pink);background:var(--surface);box-shadow:0 0 0 3px #ff2d781a}.form-textarea{grid-column:1 / -1;resize:vertical;min-height:80px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease}.btn-save{background:var(--pink);color:var(--text)}.btn-save:hover{background:#ff1f6b}.btn-cancel{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-cancel:hover{background:var(--surface-hover)}.category-tabs{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:600;font-size:.9rem;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:var(--blue);color:var(--blue)}.tab-btn.active{background:var(--blue);border-color:var(--blue);color:var(--text);box-shadow:0 4px 12px #3b82f64d}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.recipe-card-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.recipe-emoji{font-size:3.5rem;line-height:1;margin-bottom:8px}.recipe-name{font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.recipe-by{font-size:.9rem;color:var(--text-muted);margin:0}.recipe-meta{width:100%;display:flex;justify-content:center;gap:20px;padding-top:12px;border-top:1px solid var(--border)}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}.meta-item svg{color:var(--blue)}.btn-view-recipe{width:100%;padding:10px 16px;background:transparent;border:1px solid var(--blue);border-radius:var(--radius-sm);color:var(--blue);font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease}.btn-view-recipe:hover{background:var(--blue);color:var(--text)}.recipe-modal-backdrop{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recipe-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.modal-top-actions{position:absolute;top:16px;right:16px;display:flex;gap:.4rem;align-items:center}.modal-close-btn{background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.modal-close-btn:hover{background:var(--surface-hover)}.modal-edit-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.modal-edit-btn:hover{background:#a855f726;color:var(--purple)}.edit-recipe-modal .form-textarea{grid-column:auto}.modal-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.modal-delete-btn:hover{background:#ff2d7826;color:var(--pink)}.modal-header{display:flex;gap:16px;margin-bottom:24px}.modal-emoji{font-size:3rem;line-height:1;flex-shrink:0}.modal-header h2{font-size:1.8rem;font-weight:700;color:var(--text);margin:0}.modal-by{font-size:.95rem;color:var(--text-muted);margin:4px 0 0}.modal-meta{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.meta-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);color:var(--blue);font-size:.85rem;font-weight:600}.category-badge{background:#a855f71a;border-color:#a855f74d;color:var(--purple)}.mimi-badge{background:#ff2d781a;border-color:#ff2d784d;color:var(--pink);text-decoration:none;cursor:pointer;transition:all .3s ease}.mimi-badge:hover{background:#ff2d7833;border-color:#ff2d7880}.modal-content{display:flex;flex-direction:column;gap:28px}.content-section h3{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 16px}.ingredients-list,.steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.ingredients-list li{display:flex;align-items:flex-start;gap:12px;color:var(--text);font-size:.95rem;line-height:1.5}.ingredient-bullet{color:var(--pink);font-weight:700;flex-shrink:0}.steps-list li{display:flex;gap:12px;color:var(--text);font-size:.95rem;line-height:1.6}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--blue);color:var(--text);border-radius:50%;font-weight:700;font-size:.85rem;flex-shrink:0}@media(max-width:768px){.recipes-page{padding:32px 16px}.page-title{font-size:2rem}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.recipe-modal{padding:24px;max-height:85vh}.modal-header{flex-direction:column;gap:12px}.modal-emoji{font-size:2.5rem}}@media(max-width:480px){.recipes-page{padding:24px 12px}.page-title{font-size:1.75rem}.recipes-grid{grid-template-columns:1fr;gap:16px}.recipe-modal{padding:20px;margin:0 12px}.modal-close-btn{top:12px;right:12px}.modal-header h2{font-size:1.5rem}.modal-emoji{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-input,.form-textarea{width:100%}.category-tabs{gap:8px}.tab-btn{padding:8px 12px;font-size:.85rem}}:root{--bg: #0f0f0f;--surface: #181818;--surface-hover: #1e1e1e;--text: #f0f0f0;--text-muted: #888;--border: rgba(255,255,255,.06);--pink: #ff2d78;--purple: #a855f7;--blue: #3b82f6;--teal: #06d6a0;--orange: #f97316;--yellow: #facc15;--red: #ef4444;--radius: 16px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.08}.orb-1{width:400px;height:400px;background:var(--pink);top:-100px;left:-100px}.orb-2{width:350px;height:350px;background:var(--purple);bottom:100px;right:-80px}.orb-3{width:300px;height:300px;background:var(--blue);top:50%;left:40%}