.header{align-items:center;background:var(--secondary_color);box-shadow:0 4px 20px var(--shadow-md);box-sizing:border-box;color:var(--white);display:flex;flex-direction:row;height:56px;justify-content:space-between;padding:0 12px;position:relative}@media(min-width:480px){.header{height:64px;padding:0 20px}}.header:after{background:var(--it-park-orange);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.header__brand{align-items:center;display:flex;gap:10px}@media(min-width:480px){.header__brand{gap:12px}}.header__logo{align-items:center;background:var(--it-park-orange);border-radius:8px;box-shadow:0 2px 8px var(--orange-glow);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}@media(min-width:480px){.header__logo{border-radius:10px;height:40px;width:40px}}.header__logo-icon{color:var(--white);font-size:var(--font-base);font-weight:var(--weight-bold);line-height:1}@media(min-width:480px){.header__logo-icon{font-size:var(--font-md)}}.header__title-group{align-items:baseline;display:flex;gap:6px}@media(min-width:480px){.header__title-group{gap:8px}}.header h1{font-size:var(--font-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0}@media(min-width:480px){.header h1{font-size:var(--font-md)}}.header__version{display:none}@media(min-width:360px){.header__version{background:var(--orange-tint);border-radius:4px;color:var(--it-park-orange);display:inline;font-size:var(--font-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:2px 6px}}.header__logout{align-items:center;background:transparent;border:1px solid var(--light-grey);border-radius:8px;box-shadow:none;color:var(--white);display:flex;font-size:var(--font-sm);font-weight:var(--weight-medium);gap:6px;justify-content:center;min-width:auto;padding:8px 12px;transition:all .2s ease}@media(min-width:480px){.header__logout{gap:8px;padding:10px 16px}}.header__logout:hover{background:var(--it-park-orange);border-color:var(--it-park-orange);box-shadow:0 4px 12px var(--orange-glow);color:var(--white);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.header__logout:hover .header__logout-icon{-webkit-transform:translateX(3px);transform:translateX(3px)}.header__logout:active{background:var(--it-park-orange);border-color:var(--it-park-orange);-webkit-transform:translateY(0);transform:translateY(0)}.header__logout-text{display:none;line-height:1}@media(min-width:360px){.header__logout-text{display:inline}}.header__logout-icon{font-size:var(--font-base);line-height:1;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}:root{--black:#050505;--near-black:#040404;--white:#fff;--bg_primary:#ededed;--primary_color:#858585;--secondary_color:#454545;--light-grey:#ababab;--grey:#959595;--it-park-orange:#ed763d;--red:red;--shadow-xs:rgba(0,0,0,.08);--shadow-sm:rgba(0,0,0,.1);--shadow-md:rgba(0,0,0,.12);--shadow-lg:rgba(0,0,0,.15);--orange-tint:rgba(237,118,61,.08);--orange-light:rgba(237,118,61,.15);--orange-glow:rgba(237,118,61,.3);--bg-overlay:hsla(0,0%,93%,.85);--grey-tint:hsla(0,0%,78%,.5);--font-primary:"Montserrat",sans-serif;--font-mono:"SF Mono","Monaco","Consolas",monospace;--font-xs:clamp(9px,2.5vw,10px);--font-sm:clamp(12px,3vw,14px);--font-base:clamp(14px,3.5vw,16px);--font-md:clamp(16px,4vw,20px);--font-lg:clamp(18px,5vw,25px);--font-xl:clamp(22px,6vw,31px);--font-2xl:clamp(28px,8vw,39px);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em}*{box-sizing:border-box}body{color:var(--secondary_color);font-family:var(--font-primary);font-size:var(--font-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);margin:0;padding:0}h1{font-size:var(--font-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0 0 16px}h2{font-size:var(--font-lg);margin:0 0 12px}h2,h3{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h3{font-size:var(--font-md);margin:0 0 8px}input{border:1px solid var(--light-grey);border-radius:10px;font-size:var(--font-base);margin:5px;min-width:200px;outline:none;padding:12px 14px;transition:all .2s ease}input:hover{border-color:var(--primary_color)}input:focus{border-color:var(--it-park-orange);box-shadow:0 0 0 3px var(--orange-light)}input::-webkit-input-placeholder{color:var(--light-grey)}input::placeholder{color:var(--light-grey)}button{align-content:center;align-items:center;background:var(--secondary_color);border:none;border-radius:10px;box-shadow:0 2px 8px var(--shadow-sm);color:var(--white);cursor:pointer;display:flex;flex-direction:row;font-weight:var(--weight-semibold);justify-content:center;min-width:200px;padding:12px 20px;transition:all .2s ease}button:hover{background:var(--it-park-orange);box-shadow:0 4px 12px var(--orange-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}button:active{box-shadow:0 2px 4px var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}.main-content{padding:10px}.section-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:12px}.section-header h2{margin:0}.available-time{background:var(--bg_primary);border-radius:20px;color:var(--primary_color);font-size:var(--font-sm);font-weight:var(--weight-medium);padding:4px 10px;white-space:nowrap}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:var(--light-grey);border-radius:10px}.login-zone{align-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-overlay);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.login-zone,.login-zone .login-card{align-items:center;display:flex;flex-direction:column}.login-zone .login-card{background:var(--white);border-radius:16px;box-shadow:0 8px 32px var(--shadow-sm);padding:40px}.login-zone .login-card h3{color:var(--secondary_color);font-size:var(--font-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);margin:0 0 24px}.login-zone .error{color:var(--red);font-size:var(--font-sm);margin-top:10px}.login-zone input{margin-bottom:12px}.login-zone button{margin-top:8px}.meeting-room-thumb{align-content:center;align-items:center;border-radius:20px;box-shadow:0 8px 32px var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:150px;justify-content:flex-end;margin:0 12px 0 0;min-width:200px;overflow:hidden;padding:16px;position:relative;scroll-snap-align:start;transition:all .35s cubic-bezier(.4,0,.2,1);width:200px}@media(min-width:768px){.meeting-room-thumb{height:170px;min-width:240px;width:240px}}@media(min-width:1100px){.meeting-room-thumb{height:190px;min-width:280px;width:280px}}.meeting-room-thumb:before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%);border-radius:20px;content:"";inset:0;-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:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .35s ease;z-index:3}.meeting-room-thumb:hover{box-shadow:0 20px 50px var(--shadow-lg),0 0 0 1px hsla(0,0%,100%,.1);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.meeting-room-thumb:hover:before{opacity:1}.meeting-room-thumb:active{box-shadow:0 10px 30px var(--shadow-md);-webkit-transform:translateY(-4px) scale(1.01);transform:translateY(-4px) scale(1.01)}.meeting-room-thumb img{display:flex;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.meeting-room-thumb:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}.meeting-room-thumb .toner{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.2) 40%,transparent 70%);border-radius:4px;display:flex;height:100%;left:0;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:1}.meeting-room-thumb:hover .toner{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.3) 50%,transparent 80%)}.meeting-room-thumb h3{bottom:16px;color:var(--white);font-size:var(--font-base);font-weight:var(--weight-semibold);left:16px;letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0;position:absolute;right:16px;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.5);-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;z-index:2}.meeting-room-thumb:hover h3{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.active-thumb{border-radius:20px;box-shadow:0 8px 32px var(--orange-glow),0 0 0 3px var(--it-park-orange)}.active-thumb .toner{background:linear-gradient(0deg,rgba(237,118,61,.85),rgba(237,118,61,.3) 40%,transparent 70%);transition:.4s}.active-thumb:hover{box-shadow:0 20px 50px var(--orange-glow),0 0 0 3px var(--it-park-orange)}.meeting-rooms-index{align-content:center;align-items:center;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding-bottom:16px;padding-left:7px;padding-top:16px;scroll-snap-type:x mandatory;width:100%}.meeting-room-view{display:flex;flex-direction:column}.meeting-room-view .loading-indicator{align-items:center;background:var(--bg_primary);border-radius:20px;display:flex;gap:4px;margin-left:auto;padding:6px 12px}.meeting-room-view .loading-indicator .loading-dot{-webkit-animation:loadingPulse 1.4s ease-in-out infinite;animation:loadingPulse 1.4s ease-in-out infinite;background:var(--it-park-orange);border-radius:50%;height:6px;width:6px}.meeting-room-view .loading-indicator .loading-dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.meeting-room-view .loading-indicator .loading-dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.meeting-room-view .loading-indicator .loading-dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes loadingPulse{0%,80%,to{opacity:.4;-webkit-transform:scale(.6);transform:scale(.6)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loadingPulse{0%,80%,to{opacity:.4;-webkit-transform:scale(.6);transform:scale(.6)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.meeting-room-view .choose-duration{align-content:center;align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll;padding:4px 0;scroll-snap-type:x mandatory}.meeting-room-view .choose-duration::-webkit-scrollbar{height:0}.meeting-room-view .choose-duration .duration-container{align-items:center;background:var(--bg_primary);border:none;border-radius:12px;box-shadow:0 2px 8px var(--shadow-xs);color:var(--secondary_color);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-sm);font-weight:var(--weight-medium);justify-content:center;padding:12px 20px;scroll-snap-align:start;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.meeting-room-view .choose-duration .duration-container:hover{background:var(--white);box-shadow:0 4px 16px var(--shadow-sm);color:var(--it-park-orange);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.meeting-room-view .choose-duration .duration-container:active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.meeting-room-view .choose-duration .active-duration{background:var(--it-park-orange);box-shadow:0 4px 16px var(--orange-glow);color:var(--white);font-weight:var(--weight-bold)}.meeting-room-view .choose-duration .active-duration:hover{background:var(--it-park-orange);color:var(--white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.meeting-room-view .choose-time{display:flex;flex-direction:row;gap:8px;justify-content:flex-start;overflow-x:scroll;padding:4px 0;scroll-snap-type:x mandatory}.meeting-room-view .choose-time::-webkit-scrollbar{height:0}@media(min-width:1100px){.meeting-room-view .choose-time{flex-wrap:wrap;justify-content:flex-start;overflow:visible;width:100%}}.meeting-room-view .choose-time .duration-container{align-items:center;background:var(--bg_primary);border:none;border-radius:12px;box-shadow:0 2px 8px var(--shadow-xs);color:var(--secondary_color);cursor:pointer;display:flex;flex-shrink:0;gap:2px;padding:12px 16px;scroll-snap-align:start;transition:all .2s cubic-bezier(.4,0,.2,1)}.meeting-room-view .choose-time .duration-container span{font-family:var(--font-mono);font-size:var(--font-sm);font-weight:var(--weight-medium)}.meeting-room-view .choose-time .duration-container:hover{background:var(--white);box-shadow:0 4px 16px var(--shadow-sm);color:var(--it-park-orange);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.meeting-room-view .choose-time .duration-container:active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.meeting-room-view .choose-time .active-duration{background:var(--it-park-orange);box-shadow:0 4px 16px var(--orange-glow);color:var(--white)}.meeting-room-view .choose-time .active-duration span{color:var(--white)}.meeting-room-view .choose-time .active-duration:hover{background:var(--it-park-orange);color:var(--white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.meeting-room-view b{background:var(--it-park-orange);border-radius:10px;color:var(--white);padding:2px 5px;white-space:nowrap}.meeting-room-view .confirm-btn{font-size:var(--font-lg);margin-top:10px}.meeting-room-view .confirm-btn--loading{opacity:.4;pointer-events:none}.reservation{align-items:stretch;background:var(--white);border-left:4px solid var(--it-park-orange);border-radius:12px;box-shadow:0 4px 16px var(--shadow-xs);display:flex;flex-direction:row;height:120px;justify-content:flex-start;margin-bottom:12px;overflow:visible;padding:0;position:relative;transition:all .2s ease}.reservation:hover{box-shadow:0 6px 20px var(--shadow-md);-webkit-transform:translateX(4px);transform:translateX(4px)}.reservation .id{display:none}.reservation img{border-radius:12px 0 0 12px;display:block;height:100%;min-width:100px;object-fit:cover;width:100px}@media(min-width:400px){.reservation img{min-width:120px;width:120px}}.reservation .content{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;justify-content:space-between;min-width:0;overflow:visible;padding:10px 12px}@media(min-width:400px){.reservation .content{padding:12px 16px}}.reservation .content .column{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.reservation .content .column p{color:var(--primary_color);font-size:var(--font-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);margin:0;text-transform:uppercase}.reservation .content .column p.time{color:var(--secondary_color);font-family:var(--font-mono);font-size:var(--font-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.reservation .content .all-center{align-content:center;align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.reservation .content .all-center p.time{font-family:var(--font-mono);font-size:var(--font-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.reservation .content .calendar-btn{align-items:center;background:var(--bg_primary);border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:auto;padding:8px;transition:all .2s ease;width:36px}@media(min-width:400px){.reservation .content .calendar-btn{height:40px;width:40px}}.reservation .content .calendar-btn .calendar-icon{height:18px;width:18px}@media(min-width:400px){.reservation .content .calendar-btn .calendar-icon{height:20px;width:20px}}.reservation .content .calendar-btn .calendar-icon .fa-primary{fill:var(--it-park-orange)}.reservation .content .calendar-btn .calendar-icon .fa-secondary{fill:var(--secondary_color);opacity:.6}.reservation .content .calendar-btn:hover{background:var(--it-park-orange);box-shadow:0 2px 8px var(--orange-glow);-webkit-transform:scale(1.1);transform:scale(1.1)}.reservation .content .calendar-btn:hover .calendar-icon .fa-primary,.reservation .content .calendar-btn:hover .calendar-icon .fa-secondary{fill:var(--white);opacity:1}.reservation .content .calendar-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.demo{box-sizing:border-box;display:flex;flex-direction:row;width:100vw}.meeting-room-column-view{border-right:2px solid var(--primary_color);display:flex;flex-direction:column;position:relative;width:100%}.meeting-room-column-view img{-webkit-filter:brightness(.4) blur(5px);filter:brightness(.4) blur(5px);height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.meeting-room-column-view h3{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--grey-tint);color:var(--near-black);font-size:var(--font-lg);font-weight:var(--weight-semibold);left:0;letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0;padding:12px 0;position:absolute;text-align:center;top:0;width:100%;z-index:1}.meeting-room-column-view p{max-width:100%;overflow-x:scroll}.meeting-room-column-view .duration-container{border:1px solid var(--light-grey);border-radius:10px;color:var(--white);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-mono);font-size:var(--font-md);justify-content:center;margin-left:10px;margin-right:10px;margin-top:10px;padding:7px;position:relative;text-align:center;white-space:nowrap;z-index:3}.snow-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.snowflake{-webkit-animation:snowfall linear infinite;animation:snowfall linear infinite;color:var(--white);position:absolute;text-shadow:0 0 5px hsla(0,0%,100%,.8);top:-20px;will-change:transform}@media(prefers-reduced-motion:reduce){.snowflake{-webkit-animation:none;animation:none;display:none}}@-webkit-keyframes snowfall{0%{-webkit-transform:translateY(-10px) rotate(0deg) translateX(0);transform:translateY(-10px) rotate(0deg) translateX(0)}25%{-webkit-transform:translateY(25vh) rotate(90deg) translateX(10px);transform:translateY(25vh) rotate(90deg) translateX(10px)}50%{-webkit-transform:translateY(50vh) rotate(180deg) translateX(-10px);transform:translateY(50vh) rotate(180deg) translateX(-10px)}75%{-webkit-transform:translateY(75vh) rotate(270deg) translateX(10px);transform:translateY(75vh) rotate(270deg) translateX(10px)}to{-webkit-transform:translateY(105vh) rotate(1turn) translateX(0);transform:translateY(105vh) rotate(1turn) translateX(0)}}@keyframes snowfall{0%{-webkit-transform:translateY(-10px) rotate(0deg) translateX(0);transform:translateY(-10px) rotate(0deg) translateX(0)}25%{-webkit-transform:translateY(25vh) rotate(90deg) translateX(10px);transform:translateY(25vh) rotate(90deg) translateX(10px)}50%{-webkit-transform:translateY(50vh) rotate(180deg) translateX(-10px);transform:translateY(50vh) rotate(180deg) translateX(-10px)}75%{-webkit-transform:translateY(75vh) rotate(270deg) translateX(10px);transform:translateY(75vh) rotate(270deg) translateX(10px)}to{-webkit-transform:translateY(105vh) rotate(1turn) translateX(0);transform:translateY(105vh) rotate(1turn) translateX(0)}}
/*# sourceMappingURL=main.3342af1c.css.map*/