@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300;400;500;600&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SUIT,Pretendard,Noto Sans KR,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fff;color:#222;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-image{border-radius:12px;box-shadow:0 2px 16px #00000014;height:640px;margin:32px auto 0;object-fit:cover;width:640px}.image-container{display:inline-block;position:relative}.main-title-3d{animation:modern-float 2.2s ease-in-out infinite alternate;background:#0000;border-radius:.7em;box-shadow:0 4px 24px 0 #00000021;color:#181818;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;font-size:2.2rem;font-weight:700;left:50%;letter-spacing:.01em;padding:.25em 1.2em;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .3s,background .3s;white-space:nowrap}@keyframes modern-float{0%{box-shadow:0 2px 8px 0 #0000000f;transform:translate(-50%,-50%) translateY(0)}to{box-shadow:0 6px 16px 0 #00000014;transform:translate(-50%,-50%) translateY(-8px)}}.page-container{margin:2rem auto;max-width:1200px;padding:0 2rem}.page-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-header h1{font-size:2.2rem;margin:0}.page-header h1,h1{color:#000!important}.button-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.btn{background-color:#343a40;border:none;color:#fff;font-size:.9rem;padding:.6rem 1.2rem;text-align:center;transition:background-color .2s}.btn:hover{background-color:#495057;color:#fff}.page-container h1{font-size:2.5rem;margin-bottom:1.5rem;text-align:left}.prose-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:1.5rem auto;max-height:400px;max-width:100%;transition:box-shadow .3s ease-in-out}.prose-content img:hover{box-shadow:0 8px 16px #0003}.navbar{background-color:#fff;justify-content:space-between;padding:10px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-title a{align-items:center;display:flex}.navbar-title a{color:#111;font-size:1.1rem;font-weight:700;text-decoration:none}.navbar-logo{animation:logo-spin-y 6s linear infinite;height:32px;margin-right:12px;width:32px}@keyframes logo-spin-y{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.navbar-menu{align-items:center;display:flex;gap:40px;left:50%;list-style:none;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.navbar-menu li a{color:#111;font-size:15px;text-decoration:none;transition:color .2s}.navbar-menu li a:hover{color:#ff9800}.navbar-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;width:30px;z-index:10}.navbar-toggle .bar{background-color:#111;border-radius:10px;height:3px;width:100%}@media (max-width:768px){.navbar-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffffff7;display:none;flex-direction:column;gap:0;left:0;padding:10px 0;position:absolute;top:100%;transform:none;width:100%}.navbar-menu.active{display:flex}.navbar-menu li{text-align:center;width:100%}.navbar-menu li a{display:block;padding:15px}.navbar-menu li a:hover{background-color:#eee}.navbar-toggle{display:flex}.navbar-title a{font-size:.85rem!important;white-space:nowrap!important}}.navbar-menu.active{left:0}.logout-button{background:none;border:none;color:#111;cursor:pointer;font-family:inherit;font-size:15px;padding:0;transition:color .2s}.logout-button:hover{color:#ff9800}.navbar-login-desktop{align-items:center;display:flex;margin-left:auto}.navbar-login-btn{background:#111;border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-left:12px;padding:.3em 1em;text-decoration:none;transition:background .18s,color .18s}.navbar-login-btn:focus,.navbar-login-btn:hover{background:#333;color:#fff}@media (max-width:768px){.navbar-login-desktop{display:none}.navbar-login-mobile{display:block;margin:.5em 0;text-align:right;width:100%}.navbar-login-btn{font-size:15px;margin:0 1em 0 0;padding:.5em 1.2em;width:auto}}.home-header{padding:2rem;text-align:center}.image-container{margin:0 auto;max-width:800px;width:100%}.main-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;width:100%}.home-content{background-color:#fff;border-radius:8px;padding:2rem}.content-display{line-height:1.7;text-align:center}.content-display img{border-radius:8px;height:auto;margin:1rem 0;max-width:50%}.admin-buttons{margin-top:2rem}.mainpage-root{background:#fff;min-height:100vh;width:100%}.hero-section{align-items:center;background:#fff;display:flex;flex-direction:column;height:60vh;justify-content:center;position:relative;text-align:center}.hero-title{color:#111;font-size:5rem;font-weight:900;letter-spacing:-2px;margin:0;text-shadow:0 8px 32px #00000014}.hero-subtitle{color:#555;font-size:1.5rem;font-weight:500;margin-top:1.5rem}.scroll-down-anim{animation:bounce 1.5s infinite;color:#bbb;font-size:2.5rem;margin-top:2.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.about-section{display:flex;justify-content:center;margin-bottom:40px;margin-top:-60px;position:relative;z-index:2}.about-card{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:2.5rem 2.5rem 2rem;text-align:center;transition:box-shadow .2s;width:100%}.about-card h2{color:#222;font-size:2.2rem;font-weight:800;margin-bottom:1.2rem}.about-desc{color:#444;font-size:1.15rem;line-height:1.7;margin-bottom:1.5rem}.about-desc img{border-radius:14px;box-shadow:0 4px 24px #0000001a;display:block;height:auto;margin:1.5rem auto;max-width:90%;object-fit:contain}.features-title{color:#222;font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2.2rem;text-align:center;width:100%}.features-section{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:1.2rem;margin:0 auto 60px;max-width:1200px}.circle-card,.features-section{display:flex;justify-content:center}.circle-card{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 24px #0000001a;color:#222;height:160px;margin-bottom:.5rem;max-height:180px;max-width:180px;min-height:120px;min-width:120px;padding:0;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .3s;width:160px}.circle-card:hover{box-shadow:0 8px 32px #00000021;transform:scale(1.06) translateY(-6px)}.circle-card.sns-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.circle-card.sns-link .circle-label{color:#fff}.circle-card.sns-link:hover{background:linear-gradient(135deg,#5568d3,#63408a);box-shadow:0 12px 40px #667eea66;transform:scale(1.1) translateY(-8px)}.circle-label{color:#222;font-size:1.15rem;font-weight:700;line-height:1.3;padding:0 1.2rem;text-align:center;word-break:keep-all}@media (max-width:900px){.apple-feature-row{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.3rem!important;justify-content:space-between!important;margin-bottom:1.2rem!important;overflow-x:visible!important;width:100%!important}.circle-card{flex:1 1 22%!important;font-size:.82rem!important;height:72px!important;margin-bottom:0!important;max-height:72px!important;max-width:72px!important;min-height:72px!important;min-width:72px!important;width:72px!important}.circle-label{font-size:.82rem!important;padding:0 .2rem!important}}@media (max-width:600px){.features-section{align-items:center;flex-direction:column;gap:1.1rem}.circle-card{height:90vw;max-height:98vw;max-width:98vw;min-height:0;min-width:0;width:90vw}.features-title{font-size:1.1rem;margin-bottom:1.2rem}}.admin-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.btn{border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none}.btn-edit{background-color:#000;border-color:#000}.features-desc-sub{color:#888;font-size:.98rem;letter-spacing:-.2px;line-height:1.6;margin-bottom:2.1rem;margin-top:-1.2rem;text-align:center;width:100%}.apple-main-root{background:#fff;min-height:100vh;width:100%}.hero-apple{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding-top:4rem;text-align:center}.hero-main{font-size:4.5rem;margin-bottom:1.2rem}.hero-sub{color:#555;font-size:1.5rem;font-weight:400;margin-bottom:2.5rem}.apple-section{background:#fff;padding:5rem 0 3rem;text-align:center}.apple-headline{color:#111;font-size:2.2rem;font-weight:700;margin-bottom:1.2rem}.apple-desc{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.apple-feature-row{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.apple-feature{background:#fafbfc;border-radius:18px;box-shadow:0 4px 24px #00000012;flex:1 1 220px;margin:.5rem 0;max-width:260px;min-width:200px;padding:2.2rem 1.5rem 1.7rem}.apple-feature h3{color:#222;font-size:1.25rem;font-weight:700;margin-bottom:.7rem}.apple-feature p{color:#555;font-size:1rem;margin:0}@media (max-width:900px){.apple-feature-row{align-items:center;flex-direction:column;gap:1.5rem}.hero-main{font-size:2.5rem}}.hero-2col{background:#fff;flex-direction:row;justify-content:space-between;min-height:32vh;padding:3.5rem 0 1.5rem}.hero-2col,.hero-left{align-items:flex-end;display:flex}.hero-left{flex:1 1;justify-content:flex-start;padding-left:2.5vw}.hero-open{color:#aaa;font-size:1.1rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem}.hero-right{align-items:flex-end;display:flex;flex:2 1;justify-content:flex-end;padding-right:2.5vw}.hero-main{color:#111;font-size:3.2rem;font-weight:800;letter-spacing:-2px;margin:0;text-align:right}.hero-image-row{align-items:flex-start;display:flex;justify-content:center;margin-bottom:2.5rem;width:100%}.hero-image-main{background:#f5f5f5;border-radius:24px;box-shadow:0 4px 24px #0000001a;height:180px;object-fit:contain;width:180px}@media (max-width:900px){.hero-2col{align-items:center;flex-direction:column;padding:2.2rem 0 1.2rem}.hero-left,.hero-right{justify-content:center;padding:0;text-align:center}.hero-main{font-size:2rem;text-align:center}.hero-image-main{border-radius:16px;height:120px;width:120px}}.apple-hero-header-row{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto 1.5rem;max-width:1100px;padding:7rem 2.5rem 0}.apple-title{color:#222;font-size:3.2rem;font-weight:800;margin:0}.apple-slogan{color:#222;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.apple-hero-box{align-items:center;background:#111;border-radius:36px;box-shadow:0 8px 32px #00000021;display:flex;margin:0 auto 3.5rem;max-width:1100px;min-height:180px;overflow:hidden;padding:2.2rem 1.2rem 1.2rem;position:relative}.apple-hero-content{color:#fff;flex:1 1;z-index:2}.apple-hero-maintext{margin-bottom:1.2rem}.apple-hero-subtext{color:#fff;font-size:1.1rem;font-weight:400;margin-bottom:2.2rem}.apple-btn{background:#111;border:1.5px solid #222;border-radius:22px;box-shadow:0 2px 12px #00000021;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;outline:none;padding:.75rem 1.8rem;position:relative;transition:background .2s,color .2s,box-shadow .18s,border .18s}.apple-btn.outline{background:#0000;border:2px solid #fff;color:#fff;font-weight:700}.apple-btn:focus,.apple-btn:hover{background:#fff;border-color:#fff;box-shadow:0 4px 20px #0000002e;color:#111}.apple-hero-image{background:#222;border-radius:18px;box-shadow:0 4px 24px #0000002e;height:200px;margin-left:2.5rem;object-fit:contain;width:340px}@media (max-width:900px){.apple-hero-header-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:4rem 1rem 0}.apple-title{font-size:2rem}.apple-hero-box{align-items:flex-start;flex-direction:column;margin:0 auto 2.2rem;padding:1.2rem .7rem 1rem;width:96%}.apple-hero-image{align-self:center;margin:2rem 0 0;max-width:320px;width:100%}}.edit-btn-row{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.edit-input{background:#fafbfc;border:1.5px solid #ddd;border-radius:8px;box-shadow:0 1px 4px #0000000a;color:#222;font-family:inherit;font-size:1.08rem;margin-bottom:.7rem;margin-right:.7rem;outline:none;padding:.6rem 1.1rem;transition:border .2s,box-shadow .18s}.edit-input.main{background:#fff;border:1.5px solid #eee;box-shadow:0 2px 8px #0000000a;font-size:2rem;font-weight:700;margin-bottom:1.1rem}.edit-input.sub{margin-bottom:1.2rem}.edit-input.btn,.edit-input.sub{background:#fff;border:1.5px solid #eee;font-size:1rem}.edit-input.btn{margin-bottom:0;width:150px}.edit-input.btn-link{background:#fff;border:1.5px solid #eee;border-radius:8px;box-shadow:0 1px 4px #0000000a;color:#222;font-size:1rem;margin-bottom:0;padding:.6rem 1.1rem;transition:border .18s,box-shadow .18s;width:180px}.edit-input.btn-link:focus{border:1.5px solid #111;box-shadow:0 2px 8px #00000014}.edit-hero-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.3rem;margin-top:1.5rem;padding:.2rem .7rem;transition:background .15s}.edit-hero-btn:hover{background:#222}.apple-hero-about-html,.tiptap-editor-wrap{background:none;border:none;box-shadow:none;max-width:600px;padding:0;text-align:center;width:100%}.apple-hero-about-html p{color:#f5f5f5;font-size:1.08rem;margin:0 0 1.1em}.apple-hero-about-html strong{color:#fff;font-size:1.15em;font-weight:800}.apple-hero-about-html h1,.apple-hero-about-html h2,.apple-hero-about-html h3,.apple-hero-about-html h4,.apple-hero-about-html h5,.apple-hero-about-html h6{color:#fff;font-weight:800;margin:.5em 0 .7em}.apple-hero-about-html img{border-radius:14px;box-shadow:0 4px 24px #00000021;display:block;margin:1.5rem auto;max-width:90%}.apple-hero-flexrow{align-items:stretch;display:flex;flex-direction:row;gap:0;min-height:320px;width:100%}.apple-hero-leftcol,.apple-hero-rightcol{box-sizing:border-box;display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;min-width:0;width:50%}.apple-hero-leftcol{border-right:1.5px solid #ffffff1a;padding:2.5rem 2rem 2.5rem 0;text-align:center}.apple-hero-leftcol,.apple-hero-rightcol{align-items:center;justify-content:center}.apple-hero-rightcol{padding:2.5rem 0 2.5rem 2rem}.apple-hero-maintext{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:.05em;margin-bottom:2.2rem;text-align:left}.apple-hero-buttons{display:flex;gap:1rem;margin-bottom:.5rem}@media (max-width:900px){.apple-hero-flexrow{flex-direction:column;gap:1.5rem;min-height:0}.apple-hero-leftcol,.apple-hero-rightcol{align-items:center;border:none;flex:1 1 100%;padding:1.2rem 0;text-align:center;width:100%}.apple-hero-rightcol{padding:0}.apple-hero-about-html,.tiptap-editor-wrap{max-width:100%;text-align:center}.edit-btn-row{align-items:stretch;flex-direction:column;gap:.7rem;margin-top:1.1rem}.edit-input,.edit-input.btn,.edit-input.btn-link{box-sizing:border-box;font-size:1rem;margin-bottom:.7rem;margin-right:0;min-width:0;width:100%!important}.tiptap-editor-wrap{box-sizing:border-box;max-height:320px;min-width:0;overflow-y:auto;padding:.5rem .1rem}.tiptap-toolbar{flex-wrap:wrap;gap:.3rem;justify-content:center;width:100%}}.edit-input.edit-contentarea{background:#ffffff21;border:none;border-radius:16px;box-shadow:0 2px 12px #0000001a;color:#222;font-family:SUIT,Pretendard,Apple SD Gothic Neo,"sans-serif";font-size:1.08rem;line-height:1.7;margin-bottom:.5rem;margin-top:.5rem;max-height:420px;min-height:180px;outline:none;padding:1.3rem 1.2rem;resize:vertical;transition:box-shadow .18s,border .18s;width:100%}.edit-input.edit-contentarea:focus{background:#fff;border:2px solid #222;box-shadow:0 4px 24px #00000029;color:#111}.tiptap-editor-wrap{align-items:center;background:#fafbfc;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-direction:column;margin-top:.7rem;max-height:320px;max-width:600px;min-height:180px;overflow-y:auto;padding:.7rem .5rem .5rem}.tiptap-editor-wrap,.tiptap-toolbar{display:flex;margin-bottom:.7rem;width:100%}.tiptap-toolbar{background:#0000;gap:.5rem;justify-content:center}.tiptap-toolbar button{background:#fff;border:1.5px solid #eee;border-radius:7px;box-shadow:0 1px 4px #0000000a;color:#222;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.32em .9em;transition:background .15s,color .15s,box-shadow .15s,border .15s}.tiptap-toolbar button.active,.tiptap-toolbar button:active{background:#111;border-color:#111;color:#fff}.tiptap-toolbar button:hover{background:#333;border-color:#333;color:#fff}.tiptap-content{background:#0000;border:none;color:#222;font-family:SUIT,Pretendard,Apple SD Gothic Neo,"sans-serif";font-size:1.08rem;line-height:1.7;min-height:120px;outline:none;padding:0}.tiptap-content p{margin:0 0 1em}.tiptap-content h1,.tiptap-content h2{font-weight:800;margin:.7em 0 .5em}.tiptap-content img{border-radius:12px;box-shadow:0 2px 12px #0000001a;display:block;margin:1.2em auto;max-width:90%}.apple-hero-mainimg{background:#f5f5f5;border-radius:18px;box-shadow:0 4px 24px #00000021;display:block;height:auto;margin:1.2rem 0 1.7rem;max-width:90%;object-fit:contain;width:320px}@media (max-width:900px){.apple-hero-mainimg{border-radius:14px;margin:1rem 0 1.2rem;max-width:320px;width:100%}}.apple-hero-buttons .apple-btn:first-child{background:#0000;border:2.5px solid #fff;box-shadow:none;color:#fff;font-weight:700}.apple-hero-buttons .apple-btn:first-child:focus,.apple-hero-buttons .apple-btn:first-child:hover{background:#fff;border-color:#fff;color:#111}.apple-btn.sns-btn{background:#0000;border:2px solid #fff;color:#fff;font-weight:700;white-space:nowrap}.apple-btn.sns-btn:hover{background:#fff;border-color:#fff;box-shadow:0 4px 20px #0000002e;color:#111}.popup-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.popup-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px;position:relative;width:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.popup-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:32px}.popup-close:hover{color:#000}.popup-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;padding-right:40px}.popup-image-wrapper{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:20px;position:relative;width:100%}.popup-image{background-color:#f5f5f5;border-radius:8px;height:auto;max-height:70vh;max-width:100%;object-fit:contain;width:auto}.popup-image-next,.popup-image-prev{background-color:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:15px 20px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s;z-index:10}.popup-image-next:hover,.popup-image-prev:hover{background-color:#000c}.popup-image-prev{left:10px}.popup-image-next{right:10px}.popup-image-indicator{background-color:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 15px;position:absolute;transform:translateX(-50%)}.popup-message{color:#555;font-size:16px;line-height:1.6;margin-bottom:25px;white-space:pre-wrap}.popup-actions{display:flex;gap:10px;justify-content:flex-end}.popup-btn-close,.popup-btn-today{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.popup-btn-today{background-color:#757575;color:#fff}.popup-btn-today:hover{background-color:#616161}.popup-btn-close{background-color:#2196f3;color:#fff}.popup-btn-close:hover{background-color:#0b7dda}@media (max-width:768px){.popup-modal{max-width:95vw;padding:20px;width:auto}.popup-title{font-size:20px}.popup-message{font-size:14px}.popup-image{max-height:60vh}.popup-actions{flex-direction:column}.popup-btn-close,.popup-btn-today{width:100%}.popup-image-next,.popup-image-prev{font-size:16px;padding:10px 15px}}.loading-text-home{color:#999;font-size:14px;font-style:italic;padding:20px;text-align:center}.space-list-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.space-item{border-radius:8px;box-shadow:0 4px 8px #0000001a;color:inherit;flex-basis:calc(33.333% - 1.5rem);overflow:hidden;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.space-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.space-item-image{display:block;height:200px;object-fit:cover;width:100%}.space-item-title{background-color:#f8f9fa;font-weight:700;padding:1rem;text-align:center}@media (max-width:1200px){.space-item{flex-basis:calc(50% - 1.5rem)}}@media (max-width:992px){.space-item{flex-basis:100%}}@media (max-width:768px){.space-item{flex-basis:100%}}.menu-bar button svg{height:1.2em;vertical-align:middle;width:1.2em}.btn-submit{background-color:#000;border:1px solid #000;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none}.btn-submit:hover{background-color:#333;border-color:#333}.post-detail-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin:2rem auto;max-width:800px;padding:2rem}.post-title{color:#212529;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.post-date{border-bottom:1px solid #e9ecef;color:#868e96;font-size:1rem;margin-bottom:2rem;padding-bottom:1rem}.post-content{font-size:1.1rem;line-height:1.8;text-align:center}.post-content img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:1.5rem auto;max-width:50%}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-bottom:1rem;margin-top:2rem}.post-actions{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end;margin-top:3rem;padding-top:1.5rem}.btn.btn-secondary{background-color:#6c757d;color:#fff}.btn.btn-secondary:hover{background-color:#5a6268}.btn.btn-danger{background-color:#dc3545;color:#fff}.btn.btn-danger:hover{background-color:#c82333}.about-edit-form .form-group{margin-bottom:2rem}.about-edit-form label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.about-edit-form input[type=text]{border:1px solid #dee2e6;border-radius:6px;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.about-edit-form input[type=text]:focus{border-color:#868e96;box-shadow:0 0 0 2px #343a401a;outline:none}.editor-container{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.menu-bar{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.menu-bar button{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-weight:500;padding:.4rem .7rem}.menu-bar button.is-active{background-color:#343a40;border-color:#343a40;color:#fff}.tiptap-editor{min-height:300px;padding:1.5rem 1rem}.tiptap-editor:focus{outline:none}.tiptap-editor img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:1.5rem auto;max-height:400px;max-width:100%}.image-url-input-container{display:flex;gap:.5rem;margin-bottom:1rem}.image-url-input{border:1px solid #ccc;border-radius:3px;flex-grow:1;font-size:.9rem;padding:.5rem}.image-url-submit-btn{background:#000;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.notice-list{display:flex;flex-direction:column;gap:.5rem}.notice-item{border-radius:8px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.notice-item:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #0000000d}.notice-item-link{align-items:center;color:inherit;display:flex;padding:1.25rem 1.5rem;text-decoration:none}.notice-date{color:#868e96;flex-shrink:0;font-size:.9rem;width:120px}.notice-title{color:#343a40;font-size:1.05rem;font-weight:500}.reservation-page{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:40px;text-align:center}.reservation-page h1{color:#333;font-size:2.5em;margin-bottom:20px}.reservation-page button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:8px 16px;transition:background-color .3s ease}.reservation-page button:hover{background-color:#333}.reservation-container .fc{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem}.reservation-container .fc-header-toolbar{margin-bottom:1.5rem!important}.reservation-container .fc-button{background-color:#2c3e50!important;border-color:#2c3e50!important;color:#fff!important;font-size:.9rem!important;opacity:.9;padding:.5em 1em!important;text-transform:none!important}.reservation-container .fc-button:hover{opacity:1}.reservation-container .fc-button-primary:disabled{background-color:#95a5a6!important;border-color:#95a5a6!important}.reservation-container .fc-today-button{background-color:#1abc9c!important;border-color:#1abc9c!important}.reservation-container .fc-daygrid-day.fc-day-today{background-color:#1abc9c1a!important}.reservation-form-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:2.5rem;padding:2rem}.reservation-form-container h2{border-bottom:2px solid #f0f0f0;color:#000!important;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.reservation-form-container .section-label,.reservation-form-container label{color:#000!important}.reservation-form .form-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.reservation-form .form-group{display:flex;flex:1 1 200px;flex-direction:column}.reservation-form label{font-weight:600;margin-bottom:.5rem}.reservation-form input[type=date],.reservation-form input[type=text],.reservation-form input[type=time],.reservation-form select{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;width:100%}.reservation-form .submit-btn{align-self:flex-end;background-color:#000;color:#fff;font-size:1.1rem;margin-top:30px;padding:.8rem 2rem;width:auto}.reservation-form .submit-btn:hover{background-color:#333}.checklist-group{flex-basis:48%!important;min-width:250px}.checklist-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;max-height:150px;overflow-y:auto;padding:1rem}.checkbox-item{align-items:center;display:flex;margin-bottom:.75rem}.checkbox-item:last-child{margin-bottom:0}.checkbox-item input[type=checkbox]{margin-right:.75rem;width:auto}.reservation-form-container .checkbox-item label{color:#fff!important;cursor:pointer;font-weight:500;margin-bottom:0}.reservation-form-container .checkbox-group{background-color:#000;border:1px solid #444;border-radius:6px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:15px}.reservation-form-container .checkbox-group::-webkit-scrollbar{width:6px}.reservation-form-container .checkbox-group::-webkit-scrollbar-track{background:#333;border-radius:3px}.reservation-form-container .checkbox-group::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.reservation-form-container .checkbox-group::-webkit-scrollbar-thumb:hover{background:#888}.form-row,.form-section{margin-bottom:20px}.form-row{display:flex;gap:15px}.fc-daygrid-event{background:#0000!important;border:none!important;cursor:pointer;padding:2px!important}.fc-event-month-view{align-items:center;display:flex;overflow:hidden;width:100%}.fc-event-dot{border-radius:50%;flex-shrink:0;height:8px;margin-right:5px;width:8px}.fc-event-title-month{color:#373c42;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-timegrid-event{cursor:pointer}.fc-event-timegrid-view{color:#fff;padding:2px 4px}.fc-event-timegrid-view .fc-event-time{font-weight:700}.fc-event-timegrid-view .fc-event-title{display:inline;margin-left:5px}@media (max-width:1024px){.reservation-form .form-row{gap:1rem}}@media (max-width:768px){.page-container{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.reservation-form .form-row{flex-direction:column;gap:1.5rem}.reservation-form .form-group{flex:1 1 100%}.reservation-form .submit-btn{align-self:stretch;text-align:center}.fc-header-toolbar{flex-direction:column;gap:1rem!important}.fc-header-toolbar .fc-toolbar-chunk{align-items:center;display:flex;gap:.5rem;justify-content:center}.fc .fc-timeGridWeek-button{display:none}.fc .fc-timeGridFourDay-button{display:inline-block}}@media (max-width:480px){.page-container{padding:1rem}.reservation-form-container{padding:1.5rem}.fc .fc-toolbar-title{font-size:1.2em!important}.fc .fc-button{font-size:.85rem!important;padding:.4em .8em!important}}.fc .fc-timeGridFourDay-button{display:none}@media (max-width:768px){.fc .fc-timeGridWeek-button{display:none}.fc .fc-timeGridFourDay-button{display:inline-block}}.fc .fc-button:disabled{opacity:.5}.modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-content{align-items:flex-start;animation:modal-fade-in .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-width:500px;padding:30px;position:relative;text-align:left;width:90%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{border-bottom:1px solid #eee;font-family:IBM Plex Sans KR,sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:15px}.modal-content p{font-size:16px;line-height:1.6;margin:10px 0}.modal-content p strong{color:#555;font-weight:500;margin-right:8px}.modal-content button{align-self:flex-end;background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:0;margin-top:20px;padding:10px 20px;transition:background-color .2s}.modal-content button:hover{background-color:#333}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-close-modal{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-close-modal:hover{background-color:#5a6268}.btn-delete-modal{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-delete-modal:hover{background-color:#c82333}.header-buttons{display:flex;gap:10px}.btn-secondary{background-color:#6c757d!important}.btn-secondary:hover{background-color:#5a6268!important}.loading-message{align-items:center;animation:fadeIn .3s ease-in;background-color:#e3f2fd;border:1px solid #2196f3;border-left-width:4px;border-radius:6px;color:#1565c0;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;line-height:1.6;margin-bottom:20px;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #bbdefb;border-radius:50%;border-top-color:#2196f3;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recent-reservations-container{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin:30px 0;padding:20px}.recent-reservations-container h2{border-bottom:2px solid #333;color:#fff;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.recent-reservations-list{display:flex;flex-direction:column;gap:12px}.recent-reservation-item{background-color:#2a2a2a;border-left:4px solid #4caf50;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.recent-reservation-item:hover{background-color:#333;transform:translateX(5px)}.recent-item-number{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:35px;justify-content:center;min-width:35px}.recent-item-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.recent-item-header{align-items:center;display:flex;justify-content:space-between}.recent-item-date{color:#aaa;font-size:.9rem}.recent-item-created{color:#888;font-size:.85rem;font-style:italic}.recent-item-info{color:#fff;font-size:1rem}.recent-item-info strong{color:#4caf50;font-size:1.1rem}.recent-item-details{display:flex;flex-wrap:wrap;gap:10px}.recent-item-tag{background-color:#444;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;padding:4px 10px}.recent-item-contact{color:#888;font-size:.85rem}@media (max-width:768px){.recent-reservations-container{padding:15px}.recent-reservation-item{flex-direction:column;gap:10px}.recent-item-number{align-self:flex-start}}.color-legend{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:15px 0;padding:15px}.color-legend h3{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.legend-sections{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.legend-section h4{border-bottom:1px solid #ddd;color:#555;font-size:.85rem;font-weight:600;margin:0 0 6px;padding-bottom:3px}.legend-items{display:flex;flex-direction:column;gap:4px}.legend-item{align-items:center;display:flex;gap:6px}.legend-color{border:1px solid #ccc;border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-item span:last-child{color:#666;font-size:.75rem}@media (max-width:768px){.legend-sections{gap:10px;grid-template-columns:1fr}.color-legend{padding:12px}.color-legend h3{font-size:.9rem;margin-bottom:10px}.legend-section h4{font-size:.8rem}.legend-item span:last-child{font-size:.7rem}}.space-reservation-form-overlay{align-items:center;background-color:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.space-reservation-form-container{background:#1a1a1a;border-radius:12px;color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:100%}.form-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.form-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn{border-radius:50%;font-size:28px;height:30px;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#333}.space-reservation-form{display:flex;flex-direction:column;gap:25px}.form-section{display:flex;flex-direction:column;gap:10px}.form-section,.form-section input[type=date]{max-width:100%}.section-label{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:5px}.required{color:#f44;font-weight:700}.form-input{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;padding:12px 15px;transition:border-color .2s}.form-input:focus{border-color:#007bff;outline:none}.form-select{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 15px;transition:border-color .2s}.form-select:focus{border-color:#007bff;outline:none}.time-info{color:#888;font-size:12px;line-height:1.4;margin-bottom:8px}.date-input-wrapper{max-width:100%;position:relative}.date-input-field{box-sizing:border-box;max-width:100%!important;width:100%!important}.date-input-field::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);font-size:18px;padding:5px}.date-input-wrapper{max-width:100%!important;width:100%!important}.time-select-wrapper{min-width:150px;position:relative}.time-select{padding-right:35px;width:100%}.time-select-wrapper:after{content:"🕐";font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.checkbox-group,.radio-group{background-color:#222;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:15px}.checkbox-item,.radio-item{align-items:center;display:flex;gap:10px}.checkbox-item input[type=checkbox],.radio-item input[type=radio]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.checkbox-item label,.radio-item label{align-items:center;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px}.color-indicator{border:1px solid #666;border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.checkbox-item input[type=checkbox]:checked+label,.radio-item input[type=radio]:checked+label{color:#007bff;font-weight:500}.info-notice{color:#999}.contact-notice,.info-notice{font-size:13px;line-height:1.4;margin-bottom:8px}.contact-notice{color:#ff6b6b;font-weight:500}.error-message{color:#f44;font-size:12px;font-weight:500;margin-top:5px}.form-input.error{background-color:#2a1a1a;border-color:#f44}.privacy-notice{background-color:#2a2a2a;border-left:3px solid #ff6b6b;border-radius:4px;color:#ff6b6b;font-size:14px;line-height:1.6;margin-bottom:20px;margin-top:30px;padding:15px}.form-actions{border-top:1px solid #333;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}.submit-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#0056b3}.submit-btn:disabled{background-color:#555;cursor:not-allowed}.cancel-btn{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .2s}.cancel-btn:hover{background-color:#545b62}.checkbox-group::-webkit-scrollbar,.radio-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track,.radio-group::-webkit-scrollbar-track{background:#333;border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb,.radio-group::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb:hover,.radio-group::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width:768px){.space-reservation-form-overlay{padding:10px}.space-reservation-form-container{max-height:95vh;padding:20px}.form-header h2{font-size:20px}.datetime-inputs{flex-direction:column;gap:10px}.time-select-wrapper{min-width:100%}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.space-reservation-form-container{padding:15px}.section-label{font-size:14px}.form-input,.form-select{font-size:13px;padding:10px 12px}}.trained-user-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.trained-user-modal{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.equipment-selector{margin-bottom:30px}.equipment-selector label{color:#fff;display:block;font-size:16px;font-weight:500;margin-bottom:10px}.register-form{background-color:#222;border-radius:8px;margin-bottom:30px;padding:20px}.register-form h3{color:#fff;font-size:18px;margin:0 0 15px}.specific-equipment-selector{margin-bottom:15px}.specific-equipment-selector label{color:#fff;display:block;font-size:14px;margin-bottom:8px}.equipment-dropdown{background-color:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 15px;width:100%}.equipment-dropdown:focus{border-color:#007bff;outline:none}.input-group{display:flex;gap:10px}.input-group input{background-color:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:14px;padding:12px 15px}.input-group input:focus{border-color:#007bff;outline:none}.register-btn{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s;white-space:nowrap}.register-btn:hover{background-color:#333}.register-btn:disabled{background-color:#444;cursor:not-allowed}.trained-users-list{margin-top:30px}.trained-users-list h3{color:#fff;font-size:18px;margin:0 0 15px}.users-table{background-color:#222;border-radius:8px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table thead{background-color:#2a2a2a}.users-table th{font-weight:500;text-align:left}.users-table td,.users-table th{border-bottom:1px solid #333;color:#fff;font-size:14px;padding:15px}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:#2a2a2a}@media (max-width:768px){.trained-user-overlay{padding:0}.trained-user-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{overflow-y:auto;padding:20px}.radio-buttons{gap:10px}.input-group,.radio-buttons{flex-direction:column}.register-btn{width:100%}.users-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table table{min-width:500px}.users-table td,.users-table th{font-size:13px;padding:10px;white-space:nowrap}}.option-manage-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.option-manage-modal{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #333}.close-btn:hover{color:#999}.category-selector{margin-bottom:30px}.category-selector label{color:#fff;display:block;font-size:16px;font-weight:500;margin-bottom:10px}.radio-buttons{display:flex;gap:20px}.radio-buttons label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px}.radio-buttons input[type=radio]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.add-form{background-color:#222;border-radius:8px;margin-bottom:30px;padding:20px}.add-form h3{color:#fff;font-size:18px;margin:0 0 15px}.input-row{display:flex;gap:10px}.input-row input{background-color:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:14px;padding:12px 15px}.input-row input:focus{border-color:#007bff;outline:none}.add-btn{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s;white-space:nowrap}.add-btn:hover{background-color:#333}.add-btn:disabled{background-color:#444;cursor:not-allowed}.options-list{margin-top:30px}.options-list h3{color:#fff;font-size:18px;margin:0 0 15px}.empty-message{color:#999;font-size:14px;padding:40px;text-align:center}.options-table{background-color:#222;border-radius:8px;overflow:hidden}.options-table table{border-collapse:collapse;width:100%}.options-table thead{background-color:#2a2a2a}.options-table th{font-weight:500;text-align:left}.options-table td,.options-table th{border-bottom:1px solid #333;color:#fff;font-size:14px;padding:15px}.options-table code{background-color:#1a1a1a;border-radius:4px;color:#4caf50;font-family:Courier New,monospace;padding:4px 8px}.options-table tbody tr:last-child td{border-bottom:none}.options-table tbody tr:hover{background-color:#2a2a2a}.delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.delete-btn:hover{background-color:#c82333}@media (max-width:768px){.option-manage-overlay{padding:0}.option-manage-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{overflow-y:auto;padding:20px}.radio-buttons{gap:10px}.input-row,.radio-buttons{flex-direction:column}.add-btn{width:100%}.options-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.options-table table{min-width:600px}.options-table td,.options-table th{font-size:13px;padding:10px;white-space:nowrap}}.location-container{display:flex;flex-wrap:wrap;gap:2rem}.location-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;gap:2rem;padding:2rem}.location-map{border-radius:8px;flex:2 1;min-height:450px;overflow:hidden}.location-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.location-info h2{border-bottom:2px solid #f0f0f0;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.location-info p{font-size:1rem;line-height:1.6;margin:.5rem 0}.location-info p strong{color:#333;font-weight:600;margin-right:.5rem}.api-key-missing{align-items:center;background-color:#e9ecef;border-radius:8px;color:#6c757d;display:flex;font-size:1.2rem;font-weight:500;height:500px;justify-content:center;text-align:center}@media (max-width:768px){.location-content{flex-direction:column}}.login-container{align-items:center;display:flex;justify-content:center;padding:2rem}.login-form{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h1{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ccc;border-radius:4px;padding:.75rem;width:100%}.login-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;width:100%}.login-button:hover{background-color:#333}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545}.error-message,.success-message{margin-bottom:1rem;padding:.75rem;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.register-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.register-link a{color:#007bff;text-decoration:none}.register-link a:hover{text-decoration:underline}.popup-manage-container{margin:80px auto 40px;max-width:1200px;padding:20px}.popup-manage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.popup-manage-header h1{color:#333;font-size:2em}.btn-new{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.btn-new:hover{background-color:#45a049}.popup-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.no-popups{color:#999;font-size:18px;padding:60px 20px;text-align:center}.popup-table{border-collapse:collapse;width:100%}.popup-table thead{background-color:#f5f5f5}.popup-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:15px 10px;text-align:left}.popup-table td{border-bottom:1px solid #eee;padding:15px 10px}.message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-thumbnail{border-radius:4px;height:40px;object-fit:cover;width:60px}.btn-toggle{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px}.btn-toggle.active{background-color:#4caf50;color:#fff}.btn-toggle.inactive{background-color:#f44336;color:#fff}.btn-edit{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 16px}.btn-edit:hover{background-color:#0b7dda}.btn-delete{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-delete:hover{background-color:#da190b}@media (max-width:768px){.popup-manage-header{align-items:flex-start;flex-direction:column;gap:15px}.popup-table{font-size:14px}.popup-table td,.popup-table th{padding:10px 5px}}.popup-edit-container{margin:80px auto 40px;max-width:800px;padding:20px}.popup-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.popup-edit-header h1{color:#333;font-size:2em}.btn-back{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-back:hover{background-color:#616161}.popup-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=text],.form-group input[type=url],.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group textarea{font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.image-preview{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:15px;padding:10px}.image-preview img{border-radius:4px;display:block;margin:0 auto;max-height:300px;max-width:100%}.form-group-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group-checkbox{margin-bottom:25px}.form-group-checkbox label{align-items:center;cursor:pointer;display:flex}.form-group-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.form-group-checkbox span{color:#333;font-size:16px;font-weight:500}.form-actions{display:flex;gap:10px;margin-top:30px}.btn-submit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px}.btn-submit:hover:not(:disabled){background-color:#45a049}.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}.image-urls-container{display:flex;flex-direction:column;gap:15px}.add-image-row{display:flex;gap:10px}.add-image-row input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px 15px}.btn-add-image{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;white-space:nowrap}.btn-add-image:hover{background-color:#333}.image-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.image-item{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:flex;gap:15px;padding:10px}.image-preview-small{align-items:center;background-color:#e9ecef;border-radius:4px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.image-preview-small img{height:100%;object-fit:cover;width:100%}.image-url-text{color:#666;flex:1 1;font-size:13px;word-break:break-all}.btn-remove-image{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;white-space:nowrap}.btn-remove-image:hover{background-color:#c82333}.btn-cancel{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px}.btn-cancel:hover{background-color:#da190b}@media (max-width:768px){.popup-edit-container{margin-top:60px;padding:15px}.popup-edit-header{align-items:flex-start;flex-direction:column;gap:15px}.popup-form{padding:20px}.form-group-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.statistics-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px}.statistics-container .page-header h1{color:#fff!important;font-size:28px;margin:0}.month-selector{align-items:center;background-color:#1a1a1a;border-radius:12px;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:20px}.month-selector h2{color:#fff;font-size:24px;margin:0;min-width:200px;text-align:center}.current-month-btn,.month-btn{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.current-month-btn:hover,.month-btn:hover{background-color:#333}.current-month-btn{background-color:#007bff}.current-month-btn:hover{background-color:#0056b3}.statistics-table-container{background-color:#1a1a1a;border-radius:12px;overflow-x:auto;padding:20px}.statistics-table{background-color:#2a2a2a;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.statistics-table thead{background-color:#1a1a1a}.statistics-table th{border-bottom:2px solid #444;color:#fff;font-size:16px;font-weight:600;padding:15px;text-align:center}.statistics-table tbody td{border-bottom:1px solid #333;color:#fff;font-size:15px;padding:15px;text-align:center}.statistics-table tbody tr:hover{background-color:#333}.week-cell{background-color:#2a2a2a;color:#fff!important;font-weight:600}.total-cell{color:#4caf50!important;font-weight:600}.statistics-table tfoot{background-color:#1a1a1a}.total-row td{border-bottom:none;border-top:2px solid #444;color:#fff!important;font-size:16px;font-weight:700;padding:18px 15px}.grand-total{color:#4caf50!important;font-size:18px}.clickable-cell{cursor:pointer;transition:background-color .3s,color .3s}.clickable-cell:hover{background-color:#4caf50!important;color:#fff!important;font-weight:700}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-container{background-color:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#fff;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .3s;width:32px}.close-btn:hover{color:#f55}.modal-body{overflow-x:auto;padding:30px}.detail-table{background-color:#2a2a2a;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.detail-table thead{background-color:#1a1a1a}.detail-table th{border-bottom:2px solid #444;color:#fff;font-size:16px;font-weight:600;padding:15px;text-align:center}.detail-table tbody td{border-bottom:1px solid #333;color:#fff;font-size:15px;padding:12px;text-align:center}.detail-table tbody tr:hover{background-color:#333}.space-name-cell{color:#4caf50!important;font-weight:600;padding-left:20px!important;text-align:left!important}@media (max-width:768px){.month-selector{flex-direction:column;gap:10px}.month-selector h2{font-size:20px;min-width:auto}.statistics-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:10px}.statistics-table{font-size:13px;min-width:600px}.statistics-table td,.statistics-table th{font-size:13px;padding:10px 8px;white-space:nowrap}.statistics-table tbody td{font-size:14px;font-weight:600}.current-month-btn,.month-btn{font-size:13px;padding:8px 15px}.total-row td{font-size:14px;font-weight:700}.grand-total{font-size:16px}}@media (max-width:480px){.statistics-table{min-width:550px}.statistics-table td,.statistics-table th{font-size:12px;padding:8px 5px}.statistics-table tbody td{font-size:13px;font-weight:600}.page-header h1{font-size:22px}.total-row td{font-size:13px}.grand-total{font-size:15px}.modal-overlay{padding:0}.modal-container{border-radius:0;height:100vh;max-height:100vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.detail-table{min-width:600px}.detail-table td,.detail-table th{font-size:13px;padding:10px 8px}}
/*# sourceMappingURL=main.599cefd2.css.map*/