@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#ec4899;--color-accent:#f59e0b;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-bg:#f8fafc;--color-bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-surface:#fff;--color-text:#1e293b;--color-text-light:#64748b;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(99,102,241,.15);--shadow-lg:0 10px 30px rgba(99,102,241,.2);--shadow-xl:0 20px 40px rgba(99,102,241,.25);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}.AppRoot{background:#f8fafc;background:var(--color-bg);background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.05) 0,transparent 50%);display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.MainContainer{margin:0 auto;max-width:1200px;padding:20px;width:100%}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--color-bg);color:#1e293b;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}.card{background:#fff;background:var(--color-surface);border:none;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(99,102,241,.15);box-shadow:var(--shadow-md);padding:24px;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.card:hover{box-shadow:0 10px 30px rgba(99,102,241,.2);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pill{border-radius:32px;border-radius:var(--radius-xl)}.btn{align-items:center;background:#fff;background:var(--color-surface);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#6366f1;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.15);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 12px rgba(99,102,241,.15);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 10px 30px rgba(99,102,241,.2);box-shadow:var(--shadow-lg)}.btn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none!important;transform:none!important}.section{grid-gap:20px;display:grid;gap:20px}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--color-text);font-weight:700;line-height:1.2;margin:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:#64748b;color:var(--color-text-light);line-height:1.6;margin:0}.Home{max-width:100%;padding:0}.Hero{grid-gap:32px;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(236,72,153,.05));border-radius:var(--radius-lg);display:grid;gap:32px;grid-template-columns:1fr;margin-bottom:40px;padding:40px 20px}.Hero__text{display:flex;flex-direction:column;gap:16px}.Hero__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0}.Hero__subtitle{color:var(--color-text-light);font-size:1.25rem;font-weight:600;margin:0}.Hero__bullets{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.Hero__bullets li{align-items:center;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text);display:flex;font-weight:500;gap:12px;padding:12px 16px}.Hero__bullets li:before{content:"✨";font-size:1.2rem}.Hero__cta{margin-top:8px}.Hero__art{align-items:center;display:flex;justify-content:center}.Hero__art img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.Hero__art img:hover{-webkit-transform:scale(1.02) rotate(1deg);transform:scale(1.02) rotate(1deg)}.InfoHero{background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(236,72,153,.03));border-radius:var(--radius-lg);margin:60px 0;padding:40px 20px}.InfoHero--about{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(236,72,153,.05))}.InfoHero--contact{background:linear-gradient(135deg,rgba(236,72,153,.05),rgba(99,102,241,.05))}.InfoHero--pricing{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(99,102,241,.05))}.InfoHero__content{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1fr;margin:0 auto;max-width:1200px}.InfoHero__content--reverse{direction:rtl}.InfoHero__content--reverse>*{direction:ltr}.InfoHero__text{display:flex;flex-direction:column;gap:16px}.InfoHero__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin:0}.InfoHero__description{color:var(--color-text-light);font-size:1.1rem;line-height:1.8;margin:0}.InfoHero__description strong{color:var(--color-text);font-weight:600}.InfoHero__image{align-items:center;display:flex;justify-content:center}.InfoHero__image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.InfoHero__image img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.InfoHero__contactInfo{display:flex;flex-direction:column;gap:16px;margin:16px 0}.InfoHero__contactItem{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;padding:16px}.InfoHero__contactItem strong{color:var(--color-primary);font-size:1rem}.InfoHero__contactItem a{color:var(--color-text);font-weight:600;text-decoration:none;transition:color .2s ease}.InfoHero__contactItem a:hover{color:var(--color-primary)}.InfoHero__pricing{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:24px 0}.InfoHero__priceCard{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px;position:relative;text-align:center;transition:all .3s ease}.InfoHero__priceCard:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.InfoHero__priceCard--popular{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(236,72,153,.05));border-color:var(--color-primary-light)}.InfoHero__priceBadge{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;font-weight:700;padding:6px 16px;position:absolute;right:20px;top:-12px}.InfoHero__priceAmount,.InfoHero__priceBadge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.InfoHero__priceAmount{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:8px 0}.InfoHero__priceLabel{color:var(--color-text-light);font-size:1rem;margin-bottom:16px}.InfoHero__priceCard p{color:var(--color-text-light);line-height:1.6;margin:0}@media (min-width:900px){.Hero{grid-template-columns:1.2fr 1fr}.Hero,.InfoHero{padding:60px 40px}.InfoHero__content{gap:48px;grid-template-columns:1fr 1fr}.InfoHero__pricing{grid-template-columns:repeat(2,1fr)}.InfoHero__contactInfo{flex-direction:row}}.Register{color:var(--color-text);max-width:100%;padding:0}.Register h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px}.Form{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.Form__grid{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:repeat(2,1fr)}.Form label{display:flex;flex-direction:column;gap:8px}.Form label span{color:var(--color-text);font-size:14px;font-weight:600}.Form input,.Form select{background:var(--color-bg);border:2px solid rgba(99,102,241,.2);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease}.Form input:focus,.Form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.Form input::-webkit-input-placeholder{color:var(--color-text-light)}.Form input::placeholder{color:var(--color-text-light)}.CalendarSection{border-top:2px dashed rgba(99,102,241,.2);margin-top:32px;padding-top:32px}.CalendarSection h3{color:var(--color-text);font-size:1.5rem;margin-bottom:12px}.hint{margin-bottom:20px}.Form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.Register__stickyButton{background:var(--color-surface);border-top:2px solid rgba(99,102,241,.2);bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.1);display:flex;justify-content:center;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.Register__submitBtn{box-shadow:var(--shadow-lg);font-size:18px;font-weight:700;max-width:500px;padding:16px 32px;width:100%}.Register__submitBtn:disabled{cursor:not-allowed;opacity:.5}.Register{padding-bottom:100px}@media (max-width:900px){.Form__grid{grid-template-columns:1fr}.Form{padding:24px}.Register__stickyButton{padding:12px 16px}.Register__submitBtn{font-size:16px;padding:14px 24px}}.Calendar{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:12px;overflow:auto}.Calendar__header,.Calendar__row{display:grid;grid-template-columns:90px repeat(7,120px)}.Calendar__cell{border-bottom:1px solid rgba(99,102,241,.1);border-right:1px solid rgba(99,102,241,.1);min-height:44px}.Calendar__cell--head{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));color:var(--color-primary);font-weight:800}.Calendar__cell--head,.Calendar__cell--time{align-items:center;display:flex;justify-content:center}.Calendar__cell--time{background:rgba(99,102,241,.05);color:var(--color-text);font-weight:700}.Calendar__slot{background:var(--color-bg);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;margin:6px;transition:all .2s ease}.Calendar__slot.available{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.1));border-color:rgba(16,185,129,.3)}.Calendar__slot.unavailable{background:rgba(100,116,139,.1);cursor:not-allowed;opacity:.6}.Calendar__slot.occupied{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border-color:rgba(239,68,68,.3);cursor:pointer}.Calendar__slot.selected{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.Calendar__slot.selected .Calendar__slotTime{color:#fff;font-weight:700}.Calendar__slot.hover:not(.unavailable):not(.occupied){box-shadow:var(--shadow-sm);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Calendar__legend{align-items:center;background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--color-text);display:flex;flex-wrap:wrap;font-size:14px;gap:16px;padding:20px}.dot{border:2px solid transparent;border-radius:50%;display:inline-block;height:16px;margin:0 8px 0 0;width:16px}.dot.available{background:linear-gradient(135deg,rgba(16,185,129,.8),#10b981);border-color:rgba(16,185,129,.5)}.dot.unavailable{background:rgba(100,116,139,.3);border-color:rgba(100,116,139,.5)}.dot.occupied{background:linear-gradient(135deg,rgba(239,68,68,.8),#ef4444);border-color:rgba(239,68,68,.5)}.dot.selected{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark)}@media (max-width:900px){.Calendar__header,.Calendar__row{grid-template-columns:70px repeat(7,90px)}}.Calendar--agenda{padding:24px}.Calendar__agenda{display:flex;flex-wrap:wrap;gap:20px}.Calendar__day{background:var(--color-surface);border:2px solid rgba(99,102,241,.15);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:320px;padding:16px;transition:all .2s ease;width:100%}.Calendar__day:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.Calendar__dayHeader{border-bottom:2px dashed rgba(99,102,241,.2);margin-bottom:12px;padding-bottom:12px}.Calendar__dayLabel{color:var(--color-text);font-size:16px;font-weight:700}.Calendar__daySlots{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:12px}.Calendar__slot--agenda{align-items:center;border:2px solid transparent;border-radius:var(--radius-sm);display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.Calendar__slotTime{color:var(--color-text);font-weight:600}.Calendar__slotBadge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:#fff;font-size:11px;font-weight:700;padding:4px 8px}.Calendar__modalOverlay{align-items:center;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.Calendar__modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:80vh;max-width:95%;overflow:auto;padding:24px;width:720px}.Calendar__modal h3{color:var(--color-text);margin-bottom:20px}.Calendar__reg{background:var(--color-bg);border:2px solid rgba(99,102,241,.15);border-radius:var(--radius-md);margin:12px 0;padding:16px}.Calendar__reg div{color:var(--color-text);margin:6px 0}.Calendar__reg strong{color:var(--color-primary)}.Calendar__modalActions{display:flex;justify-content:flex-end;margin-top:20px}.Calendar__legend .dot.pending{background:linear-gradient(135deg,rgba(245,158,11,.8),#f59e0b);border-color:rgba(245,158,11,.5)}.Admin{color:var(--color-text);padding:0}.Admin h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px}.hint{background:rgba(99,102,241,.05);border-left:4px solid var(--color-primary);color:var(--color-text-light);font-size:14px;line-height:1.6;padding:12px 16px}.Admin__controls,.hint{border-radius:var(--radius-md);margin-bottom:24px}.Admin__controls{background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;padding:20px}.Admin__controls button{font-size:14px;padding:10px 20px}.Actions{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:20px}.Admin__stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.Admin__stat{background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.Admin__stat h3{color:var(--color-text-light);font-size:.875rem;font-weight:600;margin-bottom:8px;text-transform:uppercase}.Admin__stat p{color:var(--color-primary);font-size:2rem;font-weight:700;margin:0}.Approve{color:var(--color-text);padding:0}.Approve h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px}.Approve__list{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0;padding:0}.Approve__item{align-items:center;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:16px;justify-content:space-between;padding:20px;transition:all .2s ease}.Approve__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Approve__info{flex:1 1}.Approve__info strong{color:var(--color-primary);font-size:1.1rem}.Approve__meta{color:var(--color-text-light);font-size:14px;margin-top:8px}.Approve__slots{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-light);display:inline-block;font-family:monospace;font-size:13px;margin-top:4px;padding:4px 8px}.Approve__actions{display:flex;gap:8px}.MyRequests{color:var(--color-text);padding:0}.MyRequests h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px}.ReqList{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0;padding:0}.ReqItem{align-items:center;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:16px;justify-content:space-between;padding:20px;transition:all .2s ease}.ReqItem:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ReqInfo{flex:1 1}.ReqInfo strong{color:var(--color-primary);font-size:1.1rem}.ReqMeta{color:var(--color-text-light);font-size:14px;margin-top:8px}.ReqMeta strong{color:var(--color-text)}.ReqSlots{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-light);display:inline-block;font-family:monospace;font-size:13px;margin-top:4px;padding:4px 8px}.ReqActions{display:flex;gap:8px}.Header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface);border-bottom:1px solid rgba(99,102,241,.1);box-shadow:var(--shadow-sm);justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.Header,.Header__brand{align-items:center;display:flex}.Header__brand{cursor:pointer;gap:12px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.Header__brand:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.Header__logo{height:40px;object-fit:contain;width:auto}.Header__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.Header__nav{display:flex;flex:1 1;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:900px){.Header{flex-wrap:wrap;gap:12px}.Header__nav{justify-content:flex-start;margin-top:8px;order:3;width:100%}.Header__brand{flex:1 1}.Header__auth{order:2}}.Header__link{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text);font-size:14px;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .2s ease}.Header__link:hover{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);box-shadow:var(--shadow-md);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Header__auth,.Header__user{align-items:center;display:flex;gap:12px}.Header__welcome{font-weight:600}.Footer,.Header__welcome{color:var(--color-text-light);font-size:14px}.Footer{background:var(--color-surface);border-top:1px solid rgba(99,102,241,.1);padding:24px 20px;text-align:center}.ModalBackdrop{align-items:center;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:1000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Modal{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-text);margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.Modal__close{align-items:center;background:var(--color-bg);border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.Modal__close:hover{background:var(--color-error);color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Tabs{background:var(--color-bg);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:24px;padding:4px}.tab{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px;transition:all .2s ease}.tab.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:var(--shadow-sm);color:#fff}.AuthForm{grid-gap:20px;display:grid;gap:20px}.AuthForm label{display:flex;flex-direction:column;gap:8px}.AuthForm label span{color:var(--color-text);font-size:14px;font-weight:600}.AuthForm input{background:var(--color-bg);border:2px solid rgba(99,102,241,.2);border-radius:var(--radius-md);color:var(--color-text);font-size:15px;padding:14px 16px;transition:all .2s ease}.AuthForm input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.AuthForm input::-webkit-input-placeholder{color:var(--color-text-light)}.AuthForm input::placeholder{color:var(--color-text-light)}.error{align-items:center;-webkit-animation:shake .3s ease;animation:shake .3s ease;background:#fef2f2;border:2px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.error:before{content:"⚠️";font-size:18px}.ContentArea{min-height:70vh;width:100%}.MobileNav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);bottom:20px;box-shadow:var(--shadow-xl);display:none;justify-content:space-around;left:20px;padding:12px;position:fixed;right:20px;z-index:100}.MobileNav__link{border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-weight:700;padding:10px 16px;text-decoration:none;transition:all .2s ease}.MobileNav__link:hover{background:rgba(99,102,241,.1);color:var(--color-primary)}@media (max-width:900px){.MobileNav{display:flex}.ContentArea{padding-bottom:100px}}
/*# sourceMappingURL=main.7874c56b.css.map*/