@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.theme-toggle{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.theme-toggle:hover:before{width:300px;height:300px}.theme-toggle:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #fff3}.theme-toggle:active{transform:scale(1.05) rotate(10deg)}.theme-toggle-icon{font-size:1.25rem;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1;position:relative}.theme-toggle:hover .theme-toggle-icon{transform:rotate(180deg)}.dark .theme-toggle{background:#ffffff1a;border-color:#ffffff26}.dark .theme-toggle:hover{background:#fff3;border-color:#ffffff40}@media (max-width: 768px){.theme-toggle{width:2.25rem;height:2.25rem}.theme-toggle-icon{font-size:1.1rem}}.auth-container{height:100vh;max-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 30% 20%,rgba(236,72,153,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.2) 0%,transparent 50%),linear-gradient(135deg,#faf5ff,#e9d5ff,#fce7f3);padding:1rem;position:relative;overflow:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.auth-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;width:100%;align-items:center;z-index:1;position:relative;max-height:calc(100vh - 2rem);overflow:hidden}.auth-hero{display:flex;flex-direction:column;justify-content:center;padding:1rem;animation:fadeInLeft .8s ease-out;max-height:100%;overflow:hidden}.auth-hero-content{display:flex;flex-direction:column;gap:1.25rem}.auth-logo-large{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.auth-logo-large h2{font-family:Space Grotesk,sans-serif;font-size:2.75rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;margin:0;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3));line-height:1.1}.auth-logo-emoji{font-size:2rem;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4))}.auth-tagline{font-size:1.25rem;font-weight:600;color:#4b5563;line-height:1.5;margin:0}.auth-features{display:flex;flex-direction:column;gap:.875rem;margin-top:.5rem}.auth-feature-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 12px #8b5cf61a;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1rem;font-weight:600;color:#374151}.auth-feature-item:hover{transform:translate(8px);background:#fffc;box-shadow:0 6px 20px #8b5cf633;border-color:#8b5cf64d}.auth-feature-icon{font-size:1.5rem;display:inline-block}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(180deg)}}.auth-subtitle{text-align:center;color:#6b7280;font-size:.95rem;margin-bottom:1.5rem;font-weight:500}.auth-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,rgba(167,139,250,.1) 2px,transparent 2px),radial-gradient(circle at 80% 70%,rgba(236,72,153,.1) 2px,transparent 2px);background-size:60px 60px,80px 80px;animation:drift 25s linear infinite;opacity:.6}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(360deg)}}.auth-card{background:linear-gradient(135deg,#fffffffa,#fffffff2),radial-gradient(circle at top left,rgba(139,92,246,.08) 0%,transparent 60%);padding:2rem 1.75rem;border-radius:24px;box-shadow:0 25px 70px #8b5cf640,0 8px 20px #8b5cf626,inset 0 1px #ffffffe6;width:100%;max-width:480px;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(139,92,246,.1);overflow:hidden;max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.auth-card form{flex:1;display:flex;flex-direction:column;min-height:0}.auth-card:after{content:"🎉";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.05;animation:float 8s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card h1{font-family:Space Grotesk,sans-serif;margin-bottom:1rem;color:#1e1b4b;text-align:center;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1.5px;position:relative;line-height:1.2}.auth-card h1:before{content:"👋";position:absolute;left:-3rem;top:0;font-size:2rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.625rem;color:#555;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:1rem;box-shadow:0 8px 25px #8b5cf666,0 2px 8px #8b5cf633,inset 0 1px #ffffff4d;position:relative;overflow:hidden;letter-spacing:.5px}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:not(:disabled):before{width:400px;height:400px}.submit-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #8b5cf680,0 4px 12px #8b5cf64d,inset 0 1px #fff6}.submit-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:linear-gradient(135deg,#fee,#fdd);color:#c33;padding:1rem;border-radius:10px;margin-bottom:1.5rem;border:2px solid #fcc;font-weight:500}.auth-link{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.auth-link a{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-link a:hover{text-decoration:underline;color:#764ba2}@media (max-width: 1024px){.auth-wrapper{grid-template-columns:1fr;gap:1rem;max-width:600px;max-height:calc(100vh - 2rem)}.auth-hero{text-align:center;padding:.5rem;max-height:auto}.auth-hero-content{gap:1rem}.auth-logo-large{justify-content:center;margin-bottom:.5rem}.auth-logo-large h2{font-size:2rem}.auth-tagline{font-size:1.1rem}.auth-features{align-items:center;gap:.625rem;margin-top:.5rem}.auth-feature-item{max-width:400px;padding:.625rem 1rem;font-size:.95rem}}@media (max-width: 768px){.auth-container{padding:.75rem;height:100vh;max-height:100vh}.auth-wrapper{gap:1rem;max-height:calc(100vh - 1.5rem)}.auth-hero{padding:.25rem}.auth-hero-content{gap:.75rem}.auth-logo-large{margin-bottom:.25rem}.auth-logo-large h2{font-size:1.75rem}.auth-logo-emoji{font-size:1.5rem}.auth-tagline{font-size:1rem;line-height:1.4}.auth-features{gap:.5rem;margin-top:.25rem}.auth-feature-item{padding:.625rem 1rem;font-size:.9rem;max-width:100%}.auth-feature-icon{font-size:1.25rem}.auth-card{padding:1.5rem 1.25rem;border-radius:16px;max-height:calc(100vh - 1.5rem)}.auth-card h1{font-size:1.5rem;margin-bottom:.75rem;line-height:1.2}.auth-subtitle{font-size:.85rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{padding:.75rem;font-size:.95rem}.submit-btn{padding:.875rem;font-size:.95rem;margin-top:.75rem}.auth-link{margin-top:.75rem;font-size:.85rem}}@media (max-width: 480px){.auth-container{padding:.5rem;height:100vh;max-height:100vh}.auth-wrapper{gap:.75rem;max-height:calc(100vh - 1rem)}.auth-hero{padding:.25rem 0}.auth-hero-content{gap:.625rem}.auth-logo-large h2{font-size:1.5rem}.auth-logo-emoji{font-size:1.25rem}.auth-tagline{font-size:.9rem}.auth-features{gap:.5rem}.auth-feature-item{padding:.5rem .875rem;font-size:.85rem}.auth-feature-icon{font-size:1.1rem}.auth-card{padding:1.25rem 1rem;border-radius:12px;max-height:calc(100vh - 1rem)}.auth-card h1{font-size:1.35rem;margin-bottom:.625rem}.auth-subtitle{font-size:.8rem;margin-bottom:.875rem}.form-group{margin-bottom:.875rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input{padding:.7rem;font-size:.9rem}.submit-btn{padding:.75rem;font-size:.9rem;margin-top:.625rem}.auth-link{margin-top:.625rem;font-size:.8rem}}.dark .auth-container{background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(99,102,241,.2) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b,#312e81)}.dark .auth-card{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2),radial-gradient(circle at top left,rgba(139,92,246,.15) 0%,transparent 60%);border-color:#8b5cf64d;box-shadow:0 25px 70px #00000080,0 8px 20px #0006,inset 0 1px #ffffff1a}.dark .auth-card h1{background:linear-gradient(135deg,#e9d5ff,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(192,132,252,.5))}.dark .form-group input{background:#0f172a80;border-color:#8b5cf64d;color:#e2e8f0}.dark .form-group input:focus{background:#0f172ab3;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.dark .form-group label{color:#cbd5e1}.dark .auth-logo-large h2{background:linear-gradient(135deg,#e9d5ff,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(192,132,252,.5))}.dark .auth-tagline{color:#cbd5e1}.dark .auth-feature-item{background:#1e1b4b99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#8b5cf64d;color:#e2e8f0;box-shadow:0 4px 12px #0000004d}.dark .auth-feature-item:hover{background:#1e1b4bcc;border-color:#8b5cf680;box-shadow:0 6px 20px #8b5cf64d}.dark .auth-subtitle{color:#94a3b8}.auth-theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000}@media (max-width: 768px){.auth-theme-toggle{top:1.5rem;right:1.5rem}}@media (max-width: 480px){.auth-theme-toggle{top:1rem;right:1rem}}.dashboard{width:100%;animation:fadeIn .5s ease-in;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem 1.75rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6),radial-gradient(circle at top right,rgba(139,92,246,.1) 0%,transparent 50%);border-radius:24px;box-shadow:0 10px 40px #8b5cf61f,0 2px 8px #8b5cf614,inset 0 1px #ffffffe6;border:2px solid rgba(139,92,246,.1);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}.dashboard-header h2{font-family:Space Grotesk,sans-serif;color:#1e1b4b;font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #8b5cf666,0 2px 8px #8b5cf633,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;letter-spacing:.3px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px #8b5cf680,0 4px 12px #8b5cf64d,inset 0 1px #fff6}.btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:14px;font-size:.95rem;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;box-shadow:0 4px 16px #ef444459,inset 0 1px #ffffff40;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;letter-spacing:.2px}.btn-danger:before{content:"🗑️";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.1rem;transition:left .4s cubic-bezier(.34,1.56,.64,1)}.btn-danger:hover:not(:disabled):before{left:1rem}.btn-danger:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #ef444473,0 2px 8px #ef44444d,inset 0 1px #ffffff59}.btn-danger:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.event-form{background:linear-gradient(135deg,#fffffffa,#f9fafbf2),radial-gradient(circle at bottom right,rgba(236,72,153,.08) 0%,transparent 50%);padding:1.75rem;border-radius:22px;box-shadow:0 10px 40px #8b5cf61f,0 2px 8px #8b5cf614,inset 0 1px #ffffffe6;margin-bottom:2rem;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(139,92,246,.12);position:relative;overflow:hidden}.event-form:before{content:"✨";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.3;animation:sparkle 2.5s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-form h3{color:#2c3e50;font-size:1.25rem;font-weight:600}.event-form .form-group{margin-bottom:1.5rem}.event-form .form-group-compact{margin-bottom:0}.event-form label{display:block;margin-bottom:.625rem;color:#555;font-weight:600;font-size:.95rem}.event-form input{width:100%;padding:.875rem 1rem;border:2px solid rgba(139,92,246,.2);border-radius:12px;font-size:.95rem;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:#fffc}.event-form input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf61a,0 4px 12px #8b5cf626;transform:translateY(-2px)}.event-form input::placeholder{color:#a78bfa;font-weight:500}.events-list{display:grid;gap:1.5rem}.event-card{background:linear-gradient(135deg,#fffffffa,#f9fafbf2),radial-gradient(circle at top left,rgba(139,92,246,.08) 0%,transparent 50%);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #8b5cf61a,0 2px 8px #8b5cf60d,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(139,92,246,.15);position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#8b5cf6,#a855f7,#ec4899);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px 0 0 20px}.event-card:hover:before{transform:scaleY(1)}.event-card:hover{transform:translateY(-8px) rotate(.5deg);box-shadow:0 20px 50px #8b5cf633,0 8px 20px #8b5cf626,inset 0 1px #fff;border-color:#8b5cf64d}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.event-header h3{font-family:Space Grotesk,sans-serif;margin:0;color:#1e1b4b;font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.status-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.status-badge.BUSY{background:linear-gradient(135deg,#64748b,#475569,#334155);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-badge.SWAPPABLE{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-badge.SWAP_PENDING{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.event-details{margin-bottom:1.5rem;color:#4b5563;line-height:1.9;font-size:1.05rem}.event-details p{margin:.75rem 0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.event-details strong{color:#1e1b4b;font-weight:700;min-width:80px;font-family:Space Grotesk,sans-serif}.event-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.pending-note{color:#f39c12;font-weight:600;margin-right:auto;padding:.5rem 1rem;background:#f39c121a;border-radius:8px}.empty-state{text-align:center;padding:5rem 2rem;color:#6b7280;background:linear-gradient(135deg,#fffffff2,#f9fafbe6),radial-gradient(circle at center,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:24px;box-shadow:0 10px 40px #8b5cf61a,inset 0 1px #ffffffe6;border:2px dashed rgba(139,92,246,.2);position:relative;overflow:hidden}.empty-state:before{content:"📅✨";font-size:5rem;display:block;margin-bottom:1.5rem;opacity:.4;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(139,92,246,.2))}.empty-state p{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;margin:0;color:#4b5563;letter-spacing:-.5px}.btn-cancel{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #95a5a64d;transition:all .3s ease}.btn-cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #95a5a666}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.import-form{position:relative}.file-upload-area{margin-bottom:1.5rem}.file-upload-label,.file-upload-label:hover{opacity:1!important}.file-upload-label:active{transform:scale(.98)}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 1024px){.dashboard-header{padding:1.25rem}.dashboard-header h2{font-size:1.75rem}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:1.5rem}.dashboard-header h2{font-size:1.5rem}.dashboard-header>div{width:100%;display:flex;flex-direction:column;gap:.5rem}.dashboard-header button{width:100%}.event-form{padding:1rem}.event-form h3{font-size:1.1rem}.datetime-grid{grid-template-columns:1fr}.event-card{padding:1.5rem}.event-header{flex-direction:column;align-items:flex-start;gap:.75rem}.event-header h3{font-size:1.25rem}.event-actions{flex-direction:column;width:100%}.event-actions button{width:100%}.empty-state{padding:2rem 1rem}.empty-state p{font-size:1rem}}@media (max-width: 480px){.dashboard-header h2{font-size:1.25rem}.event-card{padding:1rem}.event-header h3{font-size:1.1rem}.event-details{font-size:.9rem}.event-details p{flex-direction:column;gap:.25rem}.event-details strong{min-width:auto}.status-badge{font-size:.7rem;padding:.4rem .8rem}.file-upload-label{padding:2rem 1rem}.file-upload-label>div:first-child{font-size:2rem}.import-form{padding:1rem}.import-form h3{font-size:1.1rem}.import-form p{font-size:.9rem}.import-form>div:last-child{padding:1rem;font-size:.85rem}.import-form>div:last-child ul{padding-left:1.25rem}}.dark .dashboard-header{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6),radial-gradient(circle at top right,rgba(139,92,246,.2) 0%,transparent 50%);border-color:#8b5cf64d;box-shadow:0 10px 40px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.dark .dashboard-header h2{background:linear-gradient(135deg,#e9d5ff,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(192,132,252,.4))}.dark .event-card{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2),radial-gradient(circle at top left,rgba(139,92,246,.15) 0%,transparent 50%);border-color:#8b5cf64d;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;color:#e2e8f0}.dark .event-card:hover{box-shadow:0 20px 50px #00000080,0 8px 20px #0006,inset 0 1px #ffffff26;border-color:#8b5cf680}.dark .event-header{border-bottom-color:#8b5cf64d}.dark .event-header h3{color:#f1f5f9}.dark .event-details{color:#cbd5e1}.dark .event-details strong{color:#e2e8f0}.dark .event-form{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2),radial-gradient(circle at bottom right,rgba(236,72,153,.15) 0%,transparent 50%);border-color:#8b5cf64d;box-shadow:0 10px 40px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.dark .event-form input{background:#0f172a80;border-color:#8b5cf64d;color:#e2e8f0}.dark .event-form input:focus{background:#0f172ab3;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633,0 4px 12px #0000004d}.dark .event-form input::placeholder{color:#94a3b8}.dark .empty-state{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6),radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%);border-color:#8b5cf64d;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a;color:#cbd5e1}.dark .pending-note{color:#fbbf24;background:#fbbf2426}.marketplace{width:100%;animation:fadeIn .5s ease-in;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.marketplace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:2rem 1.75rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6),radial-gradient(circle at top right,rgba(236,72,153,.1) 0%,transparent 50%);border-radius:24px;box-shadow:0 10px 40px #ec48991f,0 2px 8px #ec489914,inset 0 1px #ffffffe6;border:2px solid rgba(236,72,153,.1);position:relative;overflow:hidden}.marketplace-header:before{content:"🛍️";position:absolute;top:-30px;right:-30px;font-size:8rem;opacity:.05;animation:float 7s ease-in-out infinite}.marketplace h2{font-family:Space Grotesk,sans-serif;color:#1e1b4b;margin:0;font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#ec4899,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;z-index:1}.btn-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:14px;font-size:.95rem;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;box-shadow:0 4px 16px #06b6d459,inset 0 1px #ffffff40;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;letter-spacing:.2px}.btn-secondary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.btn-secondary:hover:not(:disabled):after{left:100%}.btn-secondary:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #06b6d473,0 2px 8px #06b6d44d,inset 0 1px #ffffff59}.btn-secondary:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.marketplace-description{color:#666;margin-bottom:2rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;font-size:1rem;line-height:1.6}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.slot-card{background:linear-gradient(135deg,#fffffffa,#f9fafbf2),radial-gradient(circle at top left,rgba(236,72,153,.08) 0%,transparent 50%);padding:2rem;border-radius:22px;box-shadow:0 8px 32px #ec48991a,0 2px 8px #ec48990d,inset 0 1px #ffffffe6;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(236,72,153,.15);position:relative;overflow:hidden}.slot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ec4899,#a855f7,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.slot-card:hover:before{transform:scaleX(1)}.slot-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 20px 50px #ec489933,0 8px 20px #ec489926,inset 0 1px #fff;border-color:#ec48994d}.slot-header h3{font-family:Space Grotesk,sans-serif;margin:0 0 1rem;color:#1e1b4b;font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.slot-details{flex:1;margin-bottom:1.5rem;color:#666;line-height:1.8}.slot-details p{margin:.75rem 0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.slot-details strong{color:#2c3e50;font-weight:600;min-width:80px}.btn-request{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;padding:1rem;border-radius:16px;font-size:1rem;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:auto;box-shadow:0 6px 20px #10b98159,inset 0 1px #ffffff40;position:relative;overflow:hidden;letter-spacing:.3px}.btn-request:before{content:"💚";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.2rem;transition:left .4s cubic-bezier(.34,1.56,.64,1)}.btn-request:hover:not(:disabled):before{left:1rem}.btn-request:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px #10b98173,0 4px 12px #10b9814d,inset 0 1px #ffffff59}.btn-request:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-request:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:#fff;padding:2.5rem;border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.75rem;font-weight:700}.modal-description{margin-bottom:1.5rem;color:#666;line-height:1.6;padding:1rem;background:#667eea0d;border-radius:10px;border-left:4px solid #667eea}.no-slots{text-align:center;padding:2rem;color:#999}.my-slots-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.my-slot-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;transition:all .3s ease;border:2px solid transparent}.my-slot-item:hover{border-color:#667eea;transform:translate(5px)}.my-slot-item strong{color:#2c3e50;font-size:1.1rem}.my-slot-item small{color:#666;display:block;margin-top:.25rem}.btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 2px 10px #667eea4d;transition:all .3s ease}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{width:100%;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:.875rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #95a5a64d}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 15px #95a5a666}@media (max-width: 1024px){.slots-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 768px){.marketplace-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.marketplace h2{font-size:1.5rem}.marketplace-header>div{width:100%}.marketplace-header button{width:100%}.marketplace-description{padding:1rem;font-size:.95rem;margin-bottom:1.5rem}.slots-grid{grid-template-columns:1fr;gap:1rem}.slot-card{padding:1.5rem}.slot-header h3{font-size:1.25rem}.modal-content{padding:1.5rem;width:95%;max-height:90vh}.modal-content h3{font-size:1.5rem}.my-slot-item{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-confirm{width:100%}}@media (max-width: 480px){.marketplace h2{font-size:1.25rem}.slot-card{padding:1rem}.slot-header h3{font-size:1.1rem}.slot-details{font-size:.9rem}.slot-details p{flex-direction:column;gap:.25rem}.slot-details strong{min-width:auto}.modal-content{padding:1rem;border-radius:16px}.modal-content h3{font-size:1.25rem}.my-slot-item{padding:1rem}.my-slot-item strong{font-size:1rem}.empty-state{padding:2rem 1rem}}.dark .marketplace-header{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6),radial-gradient(circle at top right,rgba(236,72,153,.2) 0%,transparent 50%);border-color:#ec48994d;box-shadow:0 10px 40px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.dark .marketplace h2{background:linear-gradient(135deg,#fce7f3,#f0abfc,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(240,171,252,.4))}.dark .slot-card{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2),radial-gradient(circle at top left,rgba(236,72,153,.15) 0%,transparent 50%);border-color:#ec48994d;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;color:#e2e8f0}.dark .slot-card:hover{box-shadow:0 20px 50px #00000080,0 8px 20px #0006,inset 0 1px #ffffff26;border-color:#ec489980}.dark .slot-header h3{color:#f1f5f9}.dark .slot-details{color:#cbd5e1}.dark .slot-details p{color:#e2e8f0}.dark .slot-details strong{color:#f1f5f9}.dark .modal-content{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2);border-color:#8b5cf64d;color:#e2e8f0;box-shadow:0 20px 60px #00000080}.dark .modal-content h3{color:#f1f5f9}.dark .modal-description{background:#8b5cf626;border-left-color:#8b5cf6;color:#cbd5e1}.dark .no-slots{color:#94a3b8}.dark .my-slot-item{background:#0f172a99;border-color:#8b5cf64d;color:#cbd5e1}.dark .my-slot-item:hover{border-color:#8b5cf680;background:#0f172ab3}.dark .my-slot-item strong{color:#f1f5f9}.dark .my-slot-item small{color:#cbd5e1}.dark .empty-state{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6);border-color:#8b5cf64d;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a;color:#cbd5e1}.dark .empty-state p{color:#94a3b8}.notifications{width:100%;animation:fadeIn .5s ease-in;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.notifications h2{font-family:Space Grotesk,sans-serif;color:#1e1b4b;margin-bottom:2.5rem;font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;display:inline-block}.notifications h2:after{content:"🔔";position:absolute;right:-2.5rem;top:0;font-size:1.5rem;animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0) scale(1)}10%,30%{transform:rotate(-10deg) scale(1.1)}20%,40%{transform:rotate(10deg) scale(1.1)}}.requests-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.requests-column{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.requests-column h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.requests-list{display:flex;flex-direction:column;gap:1.5rem}.request-card{background:linear-gradient(135deg,#fffffffa,#f9fafbf2),radial-gradient(circle at top right,rgba(245,158,11,.08) 0%,transparent 50%);padding:2rem;border-radius:22px;box-shadow:0 8px 32px #f59e0b1a,0 2px 8px #f59e0b0d,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(245,158,11,.15);position:relative;overflow:hidden}.request-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#f59e0b,#ec4899,#8b5cf6);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1);border-radius:22px 0 0 22px}.request-card:hover:before{transform:scaleY(1)}.request-card:hover{transform:translateY(-6px) rotate(.3deg);box-shadow:0 16px 40px #f59e0b26,0 6px 16px #f59e0b1a,inset 0 1px #fff;border-color:#f59e0b40}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.request-header h4{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:700}.status-badge{color:#fff;padding:.65rem 1.4rem;border-radius:24px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:90px}.status-badge.PENDING{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-badge.ACCEPTED{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-badge.REJECTED{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.request-details{margin-bottom:1.5rem}.slot-comparison{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid rgba(102,126,234,.1)}.slot-offer,.slot-request{flex:1;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.slot-offer strong,.slot-request strong{display:block;margin-bottom:.75rem;color:#2c3e50;font-size:1.1rem;font-weight:700}.slot-offer p,.slot-request p{margin:.5rem 0;color:#555;font-weight:600;font-size:1rem}.slot-offer small,.slot-request small{color:#666;font-size:.9rem;display:block;margin-top:.25rem}.arrow{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.request-time{color:#999;font-size:.9rem;margin:0;font-style:italic}.request-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-accept{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex:1;box-shadow:0 6px 20px #10b98159,inset 0 1px #ffffff40;position:relative;overflow:hidden;letter-spacing:.3px}.btn-accept:before{content:"✓";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:800;transition:left .4s cubic-bezier(.34,1.56,.64,1)}.btn-accept:hover:not(:disabled):before{left:1rem}.btn-accept:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 10px 30px #10b98173,0 4px 12px #10b9814d,inset 0 1px #ffffff59}.btn-accept:disabled{opacity:.6;cursor:not-allowed}.btn-reject{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 1.5rem;border-radius:16px;font-weight:700;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex:1;box-shadow:0 6px 20px #ef444459,inset 0 1px #ffffff40;position:relative;overflow:hidden;letter-spacing:.3px}.btn-reject:before{content:"✕";position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:800;transition:left .4s cubic-bezier(.34,1.56,.64,1)}.btn-reject:hover:not(:disabled):before{left:1rem}.btn-reject:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 10px 30px #ef444473,0 4px 12px #ef44444d,inset 0 1px #ffffff59}.btn-reject:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:#999;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.empty-state p{font-size:1.1rem;margin:0}@media (max-width: 1024px){.notifications h2{font-size:1.75rem}}@media (max-width: 768px){.notifications h2{font-size:1.5rem;margin-bottom:1.5rem}.requests-section{grid-template-columns:1fr;gap:1.5rem}.requests-column{padding:1rem}.requests-column h3{font-size:1.25rem;margin-bottom:1rem}.request-card{padding:1.5rem}.request-header{flex-direction:column;align-items:flex-start;gap:.75rem}.request-header h4{font-size:1.1rem}.slot-comparison{flex-direction:column;gap:1rem;padding:1rem}.arrow{transform:rotate(90deg);font-size:2rem}.request-actions{flex-direction:column}.btn-accept,.btn-reject{width:100%}.empty-state{padding:2rem 1rem}}@media (max-width: 480px){.notifications h2{font-size:1.25rem}.request-card{padding:1rem}.request-header h4{font-size:1rem}.slot-offer,.slot-request{padding:.75rem}.slot-offer strong,.slot-request strong{font-size:1rem;margin-bottom:.5rem}.slot-offer p,.slot-request p{font-size:.9rem}.status-badge{font-size:.7rem;padding:.4rem .8rem}.request-time{font-size:.85rem}}.dark .notifications h2{background:linear-gradient(135deg,#fef3c7,#fbbf24,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.dark .request-card{background:linear-gradient(135deg,#1e1b4bfa,#1e1b4bf2),radial-gradient(circle at top right,rgba(245,158,11,.15) 0%,transparent 50%);border-color:#f59e0b4d;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;color:#e2e8f0}.dark .request-card:hover{box-shadow:0 16px 40px #00000080,0 6px 16px #0006,inset 0 1px #ffffff26;border-color:#f59e0b80}.dark .requests-column{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6);border-color:#8b5cf64d;box-shadow:0 10px 40px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.dark .requests-column h3{color:#f1f5f9;border-bottom-color:#8b5cf64d}.dark .slot-comparison{background:linear-gradient(135deg,#0f172a99,#1e1b4b99);border-color:#8b5cf666;color:#cbd5e1}.dark .slot-offer,.dark .slot-request{background:#0f172acc;border:1px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #0000004d}.dark .slot-offer strong,.dark .slot-request strong{color:#f1f5f9}.dark .slot-offer p,.dark .slot-request p{color:#e2e8f0;font-weight:600}.dark .slot-offer small,.dark .slot-request small{color:#cbd5e1}.dark .arrow{background:linear-gradient(135deg,#c084fc,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(192,132,252,.5))}.dark .request-time{color:#cbd5e1;font-weight:500}.dark .request-header h4{color:#f1f5f9}.dark .empty-state{background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be6),radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%);border-color:#8b5cf64d;color:#cbd5e1}.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);color:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #8b5cf640,0 2px 8px #8b5cf626;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid rgba(255,255,255,.2)}.nav-brand h1{font-family:Space Grotesk,sans-serif;font-size:1.85rem;margin:0;font-weight:800;background:linear-gradient(135deg,#fff,#fff8e1,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.8px;position:relative;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 10px rgba(255,255,255,.8));text-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3)}.nav-brand h1:after{content:"✨";position:absolute;right:-1.5rem;top:0;font-size:1.2rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.hamburger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative;gap:.375rem}.hamburger-menu span{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform-origin:center center;display:block}.desktop-nav{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:.5rem}.nav-links a{color:#fff;text-decoration:none;padding:.625rem 1.25rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform-style:preserve-3d}.nav-links a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#fff;transition:width .3s ease}.nav-links a:hover{background-color:#fff3;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #fff3}.nav-links a:hover:before{width:80%}.nav-links a.active{background-color:#ffffff40;box-shadow:0 2px 10px #0000001a}.nav-links a.active:before{width:80%}.nav-user{display:flex;align-items:center;gap:1rem}.nav-user span{font-weight:500;padding:.5rem 1rem;background:#ffffff1a;border-radius:20px}.logout-btn{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:700;font-size:.9rem;box-shadow:0 4px 14px #ef444466,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.logout-btn:hover:before{width:300px;height:300px}.logout-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #ef444480,inset 0 1px #ffffff4d}.logout-btn:active{transform:translateY(-1px) scale(1.02)}.main-content{flex:1;padding:2.5rem;max-width:1400px;width:100%;margin:0 auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;z-index:1}@media (max-width: 1024px){.main-content{padding:1.5rem}}.mobile-menu,.menu-overlay{display:none}@media (max-width: 768px){.navbar{padding:1rem;position:relative}.nav-brand h1{font-size:1.5rem}.desktop-nav{display:none}.hamburger-menu{display:flex;position:absolute;right:1rem;top:50%;transform:translateY(-50%);justify-content:center;align-items:center}.hamburger-menu.open span:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center;margin:0}.hamburger-menu.open span:nth-child(2){opacity:0;transform:scale(0);width:0;height:0}.hamburger-menu.open span:nth-child(3){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center center;margin:0}.mobile-menu{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;height:100vh;width:280px;max-width:85vw;background:linear-gradient(135deg,#8b5cf640,#a855f740,#ec489940),#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-left:1px solid rgba(255,255,255,.3);transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:-4px 0 32px #8b5cf666,-2px 0 16px #0003,inset 1px 0 #fff3;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-menu.open{right:0}.mobile-menu-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.dark .mobile-menu-header{background:#8b5cf61a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom-color:#8b5cf633}.mobile-menu-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.mobile-menu-header h2{color:#fff;font-size:1.5rem;margin:0;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);font-family:Space Grotesk,sans-serif}.mobile-menu-links{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.mobile-menu-links a{color:#fff;text-decoration:none;padding:1rem 1.25rem;border-radius:12px;font-size:1.1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 3px rgba(0,0,0,.2);position:relative;overflow:hidden}.dark .mobile-menu-links a{background:#8b5cf614;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-color:#8b5cf633;box-shadow:0 2px 8px #0003}.mobile-menu-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.mobile-menu-links a:hover:before{left:100%}.mobile-menu-links a.active{background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff4d;font-weight:600;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px #ffffff4d}.dark .mobile-menu-links a.active{background:#8b5cf640;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#8b5cf666;box-shadow:0 4px 16px #8b5cf666,0 0 20px #8b5cf633,inset 0 1px #fff3}.mobile-menu-links a:hover{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#fff3;transform:translate(4px);box-shadow:0 2px 8px #8b5cf633}.dark .mobile-menu-links a:hover{background:#8b5cf626;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf64d,0 0 16px #8b5cf626}.mobile-menu-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.15);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem;position:relative}.dark .mobile-menu-footer{background:#8b5cf61a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top-color:#8b5cf633}.mobile-menu-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.mobile-user-info{text-align:center;padding:.875rem;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3}.dark .mobile-user-info{background:#8b5cf626;backdrop-filter:blur(15px) saturate(160%);-webkit-backdrop-filter:blur(15px) saturate(160%);border-color:#8b5cf64d;box-shadow:0 2px 12px #8b5cf64d,0 0 16px #8b5cf626,inset 0 1px #ffffff26}.mobile-user-info span{color:#fff;font-size:.95rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mobile-logout{width:100%;padding:.875rem 1rem;font-size:1rem}.menu-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{padding:1rem}}@media (max-width: 480px){.navbar{padding:.75rem}.nav-brand h1{font-size:1.25rem}.hamburger-menu{right:.75rem;width:1.75rem;height:1.75rem}.hamburger-menu span{width:1.75rem;height:.2rem}.mobile-menu{width:100%;max-width:100vw}.mobile-menu-header{padding:1.5rem 1rem 1rem}.mobile-menu-header h2{font-size:1.25rem}.mobile-menu-links{padding:1rem}.mobile-menu-links a{font-size:1rem;padding:.875rem 1rem}.mobile-menu-footer{padding:1rem}}.dark .navbar{background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);border-bottom-color:#ffffff1a;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.dark .nav-brand h1{background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(251,191,36,.8)) drop-shadow(0 0 24px rgba(251,191,36,.6)) drop-shadow(0 0 40px rgba(251,191,36,.4));text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6),0 0 60px rgba(251,191,36,.4),0 2px 4px rgba(0,0,0,.5)}.dark .main-content{color:#e2e8f0}.dark .mobile-menu{background:linear-gradient(135deg,#1e1b4b66,#312e8166,#4c1d9566),#0f172a80;backdrop-filter:blur(30px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(30px) saturate(200%) brightness(1.1);border-left:2px solid rgba(139,92,246,.3);box-shadow:-4px 0 40px #8b5cf64d,-2px 0 20px #00000080,inset 0 0 60px #8b5cf61a,inset 1px 0 #ffffff26}.dark .menu-overlay{background:#000000b3;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 50%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(173,216,230,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(221,160,221,.1) 0%,transparent 50%),linear-gradient(135deg,#faf5ff,#e9d5ff,#ddd6fe);background-attachment:fixed;min-height:100vh;position:relative;transition:background .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,92,246,.03) 2px,rgba(139,92,246,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,92,246,.03) 2px,rgba(139,92,246,.03) 4px);pointer-events:none;z-index:0;transition:opacity .3s ease}.dark body{background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(99,102,241,.1) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1e1b4b,#312e81);color:#e2e8f0}.dark body:before{opacity:.3;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,92,246,.08) 2px,rgba(139,92,246,.08) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,92,246,.08) 2px,rgba(139,92,246,.08) 4px)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}button,a,input,select,textarea{transition:all .3s ease}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth;scroll-padding-top:80px}*{scroll-behavior:inherit}body{-webkit-overflow-scrolling:touch}}html,body{overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);border-radius:10px;border:2px solid rgba(255,255,255,.2);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a855f7,#c084fc,#f472b6)}.dark ::-webkit-scrollbar-track{background:#0f172a80}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-color:#ffffff1a}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc)}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.6) rgba(139,92,246,.05)}.dark *{scrollbar-color:rgba(139,92,246,.8) rgba(15,23,42,.5)}body{overscroll-behavior:smooth;overscroll-behavior-y:contain}.scroll-container,[class*=scroll],main,section{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width: 768px){body{font-size:14px}::-webkit-scrollbar{width:8px;height:8px}}@media (max-width: 480px){body{font-size:13px}::-webkit-scrollbar{width:6px;height:6px}}