*,:after,:before{line-height:1.2;box-sizing:border-box;word-break:break-word}a,abbr,acronym,address,applet,area,article,aside,audio,b,bdi,bdo,big,blockquote,body,button,canvas,caption,center,cite,code,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,keygen,label,legend,li,main,map,mark,menuitem,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video,wbr{margin:0;padding:0;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}button,h1,h2,h3,h4,h5,input,pre,select,textarea{font:inherit}strong{font-weight:700}body,html{width:100%;height:100%;font-weight:400;font-size:10px;font-size:.625rem;line-height:1.2}body{font:1rem/1 system,NotoSans,-apple-system,San Francisco,Helvetica Neue,Lucida Grande,Segoe UI,Tahoma,Roboto,sans-serif;font-size:1.2rem;font-weight:400;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,input,select,textarea{border-radius:0;color:inherit;vertical-align:middle;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:3px dashed #000}::placeholder{color:unset}button:disabled{pointer-events:none}a,button,label{cursor:pointer}button{border:0;background:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}button::-moz-focus-inner{padding:0;border:0}button,img,input,label,select,td,th{vertical-align:middle}input[type=text]::-ms-clear{display:none}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}fieldset,img{border:0;max-width:100%}menu,ol,ol li,ul,ul li{list-style:none}address,em,i{font-style:normal}:disabled{-webkit-text-fill-color:inherit;opacity:1}:disabled+label{-webkit-tap-highlight-color:rgba(0,0,0,0)}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}.home{padding:2rem;text-align:center;font-family:Arial,sans-serif;max-width:800px;margin:0 auto}.home h1{font-size:2.5rem;margin-bottom:1rem;color:#333}@media(max-width:768px){.home h1{font-size:2rem}}.home>p{font-size:1.2rem;color:#666;margin-bottom:2rem}@media(max-width:768px){.home>p{font-size:1rem}}.navigation{margin:2rem 0}.navigation h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333}@media(max-width:768px){.navigation h2{font-size:1.3rem}}.navButtons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.navButtons{flex-direction:column;align-items:center}}.navButton{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;min-width:200px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navButton:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.navButton .icon{font-size:2rem;margin-bottom:.5rem}.navButton .text{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.navButton .description{font-size:.9rem;opacity:.9}@media(max-width:768px){.navButton{min-width:250px;padding:1.25rem}.navButton .icon{font-size:1.75rem}.navButton .text{font-size:1.1rem}.navButton .description{font-size:.85rem}}.features{margin-top:2rem}.features h2{font-size:1.5rem;margin-bottom:1rem;color:#333}@media(max-width:768px){.features h2{font-size:1.3rem}}.featureList{list-style:none;padding:0;margin:0}.featureList li{padding:.5rem 0;font-size:1rem;color:#555;border-bottom:1px solid #eee}.featureList li:last-child{border-bottom:none}@media(max-width:768px){.featureList li{font-size:.9rem;padding:.4rem 0}}.status{margin-top:2rem;color:#666}.status p{font-style:italic;font-size:.9rem}@media(max-width:768px){.status p{font-size:.8rem}}.error-boundary{text-align:center;padding:2rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}.error-boundary h2{color:#dc2626;margin-bottom:1rem}.error-boundary button{background-color:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.error-boundary button:hover{background-color:#b91c1c}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin:1rem 0;color:#dc2626}.error-message p{margin:0 0 8px}.error-message .retry-button{background-color:#dc2626;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.error-message .retry-button:hover{background-color:#b91c1c}.validation-errors{list-style:none;padding:0;margin:8px 0 0}.validation-errors .validation-error{color:#dc2626;font-size:12px;margin-bottom:4px}.validation-errors .validation-error:last-child{margin-bottom:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner.small{padding:.5rem}.loading-spinner.small .spinner{width:16px;height:16px;border-width:2px}.loading-spinner.small .loading-message{font-size:12px}.loading-spinner.medium{padding:2rem}.loading-spinner.medium .spinner{width:24px;height:24px;border-width:3px}.loading-spinner.medium .loading-message{font-size:14px}.loading-spinner.large{padding:4rem}.loading-spinner.large .spinner{width:32px;height:32px;border-width:4px}.loading-spinner.large .loading-message{font-size:16px}.loading-spinner .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.loading-spinner .loading-message{color:#6b7280;margin:0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;grid-gap:64px;gap:64px;font-family:var(--font-geist-sans)}@media(prefers-color-scheme:dark){.page{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.main{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.main ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.main li:not(:last-of-type){margin-bottom:8px}.main code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.ctas{display:flex;gap:16px}.ctas a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid rgba(0,0,0,0);transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}.ctas a.primary{background:var(--foreground);color:var(--background);gap:8px}.ctas a.secondary{border-color:var(--gray-alpha-200);min-width:158px}.footer{grid-row-start:3;display:flex;gap:24px}.footer a{display:flex;align-items:center;gap:8px}.footer img{flex-shrink:0}@media(hover:hover)and (pointer:fine){.ctas a.primary:hover{background:var(--button-primary-hover);border-color:rgba(0,0,0,0)}.ctas a.secondary:hover{background:var(--button-secondary-hover);border-color:rgba(0,0,0,0)}.footer a:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:600px){.page{padding:32px 32px 80px}.main{align-items:center}.main ol{text-align:center}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}.ctas a.secondary{min-width:auto}.footer{flex-wrap:wrap;align-items:center;justify-content:center}}@media(prefers-color-scheme:dark){.logo{filter:invert(1)}}.biode-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:10000;transition:box-shadow .15s ease}@media(min-width:1024px){.biode-header{background:#fff!important}}.biode-header__container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.biode-header__content{display:flex;justify-content:space-between;align-items:center;height:70px;position:relative}.biode-header__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;z-index:10}.biode-header__logo-image{height:40px;width:auto;display:block}@media(min-width:1024px){.biode-header__logo-image{height:50px}}.biode-header__logo-text{font-size:1.75rem;font-weight:800;color:#401f1d;transition:color .15s ease}.biode-header__logo-text:hover{color:#401f1d}.biode-header__logo-icon{width:32px;height:32px;margin-right:.75rem;background:#059669;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.biode-header__nav{display:flex;align-items:center;gap:2rem;position:absolute;right:5%;left:auto;transform:none}@media(max-width:768px){.biode-header__nav{display:none}}.biode-header__nav-menu-wrapper{position:relative;display:inline-block;overflow:visible}.biode-header__nav-menu-image{height:auto;max-height:40px;width:auto;display:block}@media(min-width:1024px){.biode-header__nav-menu-image{max-height:50px}}.biode-header__nav-area{position:absolute;top:0;height:100%;cursor:pointer;z-index:10}.biode-header__nav-area--1{left:2%;width:12%}.biode-header__nav-area--2{left:11%;width:47%}.biode-header__nav-area--6{left:41%;width:16%}.biode-header__nav-area--7{left:60%;width:9%}.biode-header__nav-area--8{left:72%;width:17%}.biode-header__nav-area:hover{background-color:rgba(5,150,105,.1)}.biode-header__nav-area--has-submenu{position:relative}.biode-header__nav-area--has-submenu:hover .biode-header__submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.biode-header__nav-area-link{position:absolute;top:-48px;left:35px;width:42%;height:50px;z-index:1}.biode-header__submenu{position:absolute;top:calc(100% + 2px);left:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px;padding:.5rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:9999;pointer-events:none}.biode-header__submenu:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media(max-width:768px){.biode-header__submenu{display:none!important}}.biode-header__submenu-item{display:block;padding:.75rem 1.5rem;color:#374151;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.biode-header__submenu-item:hover{background-color:rgba(5,150,105,.1);color:#059669}.biode-header__nav-item{position:relative;text-decoration:none;color:#374151;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .15s ease}.biode-header__nav-item--active,.biode-header__nav-item:hover{color:#059669;background-color:rgba(5,150,105,.1)}.biode-header__nav-item:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#059669;transition:width .15s ease;transform:translateX(-50%)}.biode-header__nav-item:hover:after{width:80%}.biode-header__nav-item-image{height:20px;width:auto;display:block}.biode-header__pc-menu{display:none;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#fff!important;border-top:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1001;max-width:220px;position:absolute;top:100%;right:68px}@media(max-width:768px){.biode-header__pc-menu{display:none!important}}.biode-header__pc-menu--open{display:flex}@media(max-width:768px){.biode-header__pc-menu--open{display:none!important}}.biode-header__pc-menu-footer{width:100%;height:auto;display:block;margin-top:.5rem}.biode-header__mobile-menu{display:none;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#fff!important;border-top:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1001;max-width:220px;position:absolute;top:100%;right:0;border-bottom-left-radius:12px}@media(min-width:769px){.biode-header__mobile-menu{display:none!important}}.biode-header__mobile-menu--open{display:flex}@media(min-width:769px){.biode-header__mobile-menu--open{display:none!important}}.biode-header__mobile-menu-accordion{width:100%}.biode-header__mobile-menu-item{text-decoration:none;color:#374151;font-weight:800;font-size:.95rem;transition:color .15s ease;display:flex;align-items:center;width:100%;text-align:left}.biode-header__mobile-menu-item:hover{color:#401f1d}.biode-header__mobile-menu-item--normal{font-weight:400}.biode-header__mobile-menu-item--button{background:none;border:none;cursor:pointer;padding:0;justify-content:space-between}.biode-header__mobile-menu-item--sub{padding-left:1.5rem;font-size:.9rem}.biode-header__mobile-menu-item-image{height:16px;width:auto;display:block}.biode-header__mobile-menu-arrow{font-size:.7rem;margin-left:.5rem;transition:transform .2s ease}.biode-header__mobile-menu-arrow--open{transform:rotate(180deg)}.biode-header__mobile-submenu{display:none;flex-direction:column;gap:.5rem;padding-top:.5rem;padding-left:.5rem}.biode-header__mobile-submenu--open{display:flex}.biode-header__dash{color:#401f1d;font-weight:700}.biode-header__pc-toggle{display:none;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;width:45px;height:45px;position:absolute;left:90%;top:50%;transform:translateY(-50%);z-index:1002}@media(min-width:769px){.biode-header__pc-toggle{display:block}}.biode-header__mobile-toggle{display:none;background:#401f1d;border:none;color:#fff;cursor:pointer;padding:0;border-radius:0;width:48px;height:48px;transition:background-color .15s ease;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1002;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.biode-header__mobile-toggle{display:flex}}@media(min-width:769px){.biode-header__mobile-toggle{display:none}}.biode-header__mobile-toggle:hover{background-color:#8f4c4a;color:#fff}.biode-header__hamburger{display:flex;flex-direction:column;gap:4px;width:18px}.biode-header__hamburger span{display:block;width:100%;height:2px;background-color:#fff;transition:all .3s ease}.biode-header__close-icon{font-size:2rem;font-weight:300;line-height:1}.biode-header__cta{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.biode-header__cta{display:none}}.biode-header__cta-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease;border:2px solid rgba(0,0,0,0)}.biode-header__cta-button--primary{background:#059669;color:#fff;box-shadow:0 4px 6px rgba(5,150,105,.25)}.biode-header__cta-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(5,150,105,.35)}.biode-header__cta-button--secondary{background:rgba(0,0,0,0);color:#059669;border-color:#059669}.biode-header__cta-button--secondary:hover{background:#059669;color:#fff;transform:translateY(-2px)}.biode-header--scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 2px 8px rgba(0,0,0,.15)}.biode-header--home{position:absolute;width:100%;background:rgba(0,0,0,0);border-bottom:none;box-shadow:none}@media(min-width:1024px){.biode-header--home{background:#fff!important;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky}}.biode-header--home .biode-header__logo-text{color:#401f1d}.biode-header--home .biode-header__logo-icon{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.biode-header--home .biode-header__nav-item{color:#401f1d;font-size:1.8rem}@media(min-width:1024px){.biode-header--home .biode-header__nav-item{color:#374151;font-size:1rem}.biode-header--home .biode-header__nav-item:hover{color:#059669;background-color:rgba(5,150,105,.1)}.biode-header--home .biode-header__nav-item:after{background:#059669}}.biode-header--home .biode-header__nav-item:hover{color:#fff;background-color:hsla(0,0%,100%,.2)}@media(min-width:1024px){.biode-header--home .biode-header__nav-item:hover{color:#059669;background-color:rgba(5,150,105,.1)}}.biode-header--home .biode-header__nav-item:after{background:#fff}@media(min-width:1024px){.biode-header--home .biode-header__nav-item:after{background:#059669}}.biode-header--home .biode-header__mobile-toggle{background:#401f1d;color:#fff}.biode-header--home .biode-header__mobile-toggle:hover{background-color:#8f4c4a;color:#fff}.biode-header--home.biode-header--scrolled{background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.biode-header--home.biode-header--scrolled .biode-header__logo-text{color:#401f1d}.biode-header--home.biode-header--scrolled .biode-header__logo-icon{background:#401f1d}.biode-header--home.biode-header--scrolled .biode-header__nav-item{color:#374151}.biode-header--home.biode-header--scrolled .biode-header__nav-item:hover{color:#059669;background-color:rgba(5,150,105,.1)}.biode-header--home.biode-header--scrolled .biode-header__nav-item:after{background:#059669}.biode-header--home.biode-header--scrolled .biode-header__mobile-toggle{background:#401f1d;color:#fff}.biode-header--home.biode-header--scrolled .biode-header__mobile-toggle:hover{background-color:#8f4c4a;color:#fff}.organization-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media(max-width:1023px){.organization-layout{grid-template-columns:1fr}}.organization-list-section{width:100%}.organization-preview-section-wrapper{margin-left:auto;width:100%}.organization-thumbnail{width:32px;height:32px;min-width:32px;min-height:32px}.organization-preview__container{max-width:28rem}.organization-preview__image-wrapper{max-width:24rem}.organization-preview__image{max-height:200px}.organization-list__content{display:flex;align-items:center;justify-content:space-between}.organization-list__info{display:flex;align-items:center;gap:var(--spacing-md)}.organization-list__details .title{font-weight:500;font-size:.875rem}.organization-list__details .date{font-size:.75rem;color:var(--muted-foreground)}.organization-list__actions{display:flex;align-items:center;gap:var(--spacing-md)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-top:1px solid var(--border)}.pagination__info{flex-shrink:0}.pagination__controls,.pagination__numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination__button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--foreground);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination__button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination__button:active:not(:disabled){transform:translateY(0)}.pagination__button:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.pagination__button--active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.pagination__button--active:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.pagination__button--disabled{cursor:not-allowed;opacity:.5}.pagination__button--disabled,.pagination__button--disabled:hover{background:var(--background);border-color:var(--border);color:var(--muted-foreground)}.pagination__button--disabled:hover{transform:none;box-shadow:none}.pagination__button--next,.pagination__button--prev{font-size:1.25rem;font-weight:600;min-width:2.5rem}.pagination__button--ellipsis{cursor:default;border:none;background:rgba(0,0,0,0);min-width:auto;padding:0 var(--spacing-xs)}.pagination__button--ellipsis:hover{background:rgba(0,0,0,0);border:none;color:var(--foreground);transform:none;box-shadow:none}@media(max-width:640px){.pagination{flex-direction:column;gap:var(--spacing-md);align-items:center}.pagination__controls{gap:var(--spacing-xs)}.pagination__button{min-width:2.25rem;height:2.25rem;font-size:.75rem}.pagination__button--next,.pagination__button--prev{font-size:1rem;min-width:2.25rem}}@media(prefers-color-scheme:dark){.pagination{border-top-color:var(--border)}.pagination__button{background:var(--background);border-color:var(--border);color:var(--foreground)}.pagination__button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pagination__button--disabled{background:var(--background);border-color:var(--border);color:var(--muted-foreground)}.pagination__button--ellipsis,.pagination__button--ellipsis:hover{background:rgba(0,0,0,0);border:none}.pagination__button--ellipsis:hover{color:var(--foreground)}}.toggle-switch{position:relative;width:44px;height:24px;display:inline-block;vertical-align:middle;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute;z-index:1}.toggle-switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.toggle-switch input:checked+.slider{background-color:#19c37d}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.toggle-switch input:focus+.slider{box-shadow:0 0 0 3px rgba(25,195,125,.1)}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px;transition:background .2s}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-backdrop .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-backdrop .modal-content.modal-small{width:400px}.modal-backdrop .modal-content.modal-medium{width:600px}.modal-backdrop .modal-content.modal-large{width:800px}.modal-backdrop .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb}.modal-backdrop .modal-content .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-backdrop .modal-content .modal-header .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;color:#6b7280;transition:all .2s}.modal-backdrop .modal-content .modal-header .modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-backdrop .modal-content .modal-header .modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-backdrop .modal-content .modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.modal-form .form-group{margin-bottom:1.5rem}.modal-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.modal-form .form-group label.required:after{content:" *";color:#ef4444}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.modal-form .form-group input::placeholder,.modal-form .form-group select::placeholder,.modal-form .form-group textarea::placeholder{color:#9ca3af}.modal-form .form-group input.error,.modal-form .form-group input.error:focus,.modal-form .form-group select.error,.modal-form .form-group select.error:focus,.modal-form .form-group textarea.error,.modal-form .form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.modal-form .form-group textarea{resize:vertical;min-height:100px}.modal-form .form-group .error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form .form-group .error-message .error-icon{font-size:1rem}.modal-form .form-group .help-text{margin-top:.25rem;font-size:.75rem;color:#6b7280}.modal-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modal-form .form-actions .cancel-btn{padding:.75rem 1.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.modal-form .form-actions .cancel-btn:hover{background-color:#e5e7eb}.modal-form .form-actions .submit-btn{padding:.75rem 1.5rem;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.modal-form .form-actions .submit-btn:hover{background-color:#2563eb}.modal-form .form-actions .submit-btn:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.image-upload-container .image-preview-area{margin-bottom:1rem}.image-upload-container .image-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem}.image-upload-container .image-preview .preview-image{max-width:200px;max-height:150px;width:auto;height:auto;border-radius:var(--radius);border:2px solid var(--border);object-fit:cover}.image-upload-container .image-preview .image-actions{display:flex;gap:.5rem}.image-upload-container .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:150px;border:2px dashed var(--border);border-radius:var(--radius);background-color:var(--background-secondary);cursor:pointer;transition:all .2s ease}.image-upload-container .upload-placeholder:hover{border-color:var(--primary);background-color:var(--background-hover)}.image-upload-container .upload-placeholder .upload-icon{font-size:2rem;margin-bottom:.75rem}.image-upload-container .upload-placeholder span{text-align:center;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.image-upload-container .upload-placeholder span.upload-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.image-upload-container .upload-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-upload-container .upload-loading .spinner{width:24px;height:24px;border-top:2px solid var(--border);border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.image-upload-container .upload-loading span{color:var(--text-secondary);font-size:.875rem}.image-upload-container .upload-error{margin-top:.5rem;padding:.5rem;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius)}.modal-confirm{text-align:center}.modal-confirm p{margin-bottom:1.5rem;color:var(--text-primary);font-size:1rem;line-height:1.5}.modal-confirm .modal-actions{display:flex;justify-content:center;gap:.75rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.biode-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.biode-layout main{flex:1 1;display:flex;flex-direction:column;position:relative;z-index:2}.biode-banner-pc{display:none;width:100%;margin:0;padding:0}@media(min-width:1024px){.biode-banner-pc{display:block}}.biode-banner-pc__img{width:100%;height:auto;display:block}.biode-banner-mobile{display:block;width:100%;margin:0;padding:0}@media(min-width:1024px){.biode-banner-mobile{display:none}}.biode-banner-mobile__img{width:100%;height:auto;display:block}.biode-triple-images{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:16px 0}.biode-triple-images__container{width:100%}.biode-triple-images__title{font-weight:700;font-size:1.125rem;margin:0 16px 12px;color:var(--heading-color,#401F1D)}.biode-triple-images__grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.biode-triple-images__item{overflow:hidden}.biode-triple-images__img{display:block;width:100%;height:auto}.biode-vertical-slider{width:100vw;position:relative;left:50%;right:50%;margin:0 -50vw;padding:0;background:#fff}@media(min-width:1024px){.biode-vertical-slider{display:none}}.biode-vertical-slider__wrapper{height:100vh;overflow:hidden;position:relative}.biode-vertical-slider__track{display:flex;flex-direction:column;height:100%;width:100%}.biode-vertical-slider__slide{flex-shrink:0;padding:0;margin:0;position:relative;line-height:0}.biode-vertical-slider__img{display:block;width:100vw;height:auto;margin:0;padding:0}.biode-vertical-slider__content{position:absolute;bottom:clamp(32%,5vh,6rem);left:0;right:0;color:#401f1d;z-index:5;text-align:center}.biode-vertical-slider__content--slide2{bottom:clamp(76%,5vh,6rem);padding-left:clamp(1rem,5vw,5rem)}.biode-vertical-slider__content--slide3{bottom:clamp(78%,5vh,6rem);padding-left:clamp(1rem,5vw,5rem);padding-right:clamp(1rem,5vw,5rem)}.biode-vertical-slider__content--slide3 .biode-vertical-slider__text{justify-content:flex-end}.biode-vertical-slider__text{margin:0;padding:0;line-height:1;display:flex;align-items:flex-start;justify-content:center}.biode-vertical-slider__text--column{flex-direction:column;align-items:flex-start;gap:clamp(.5rem,1vh,1.5rem)}.biode-vertical-slider__text--column .biode-vertical-slider__description{margin-right:0}.biode-vertical-slider__title{font-size:clamp(1.2rem,4vw,4rem);font-weight:800;text-shadow:0 1px 3px hsla(0,0%,100%,.8);line-height:1}.biode-vertical-slider__description{font-size:clamp(.7rem,2vw,2rem);font-weight:300;text-shadow:0 1px 2px hsla(0,0%,100%,.6);margin-right:clamp(.3rem,.8vw,1rem);line-height:1}.biode-vertical-slider__slide.is-inview{animation:biode-fade-up .42s cubic-bezier(.22,.61,.36,1) both}@keyframes biode-fade-up{0%{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.biode-section{margin-bottom:3rem}.biode-home__container{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.biode-banner-full{width:100%;margin-bottom:3rem;position:relative;z-index:2;min-height:300px}@media(min-width:768px){.biode-banner-full{min-height:500px}}.biode-banner-greeting--left{background-position:20%}@media(min-width:768px){.biode-banner-greeting--left{background-position:30%}}.biode-banner-full--flush{margin:0!important;padding:0!important}.biode-banner-full--flush .biode-banner,.biode-banner-full--flush .biode-banner-greeting{border-radius:0!important}.biode-banner-slider{position:relative;width:100%;overflow:hidden}.biode-banner-slider__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.biode-banner-slider__slide{min-width:100%;width:100%;flex-shrink:0;position:relative}.biode-banner-slider__slide .biode-banner-image__img{display:block;width:100%;height:auto;object-fit:cover}.biode-banner-slider__slide .biode-banner__content{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;color:#fff;z-index:5}.biode-banner-slider__slide .biode-banner__content .banner-description{font-size:.875rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.4}@media(min-width:768px){.biode-banner-slider__slide .biode-banner__content .banner-description{font-size:1.125rem;line-height:1.5}}.biode-banner-slider__slide .biode-banner__content .banner-description h1,.biode-banner-slider__slide .biode-banner__content .banner-description h2,.biode-banner-slider__slide .biode-banner__content .banner-description h3,.biode-banner-slider__slide .biode-banner__content .banner-description h4,.biode-banner-slider__slide .biode-banner__content .banner-description h5,.biode-banner-slider__slide .biode-banner__content .banner-description h6{margin:.1em 0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.biode-banner-slider__slide .biode-banner__content .banner-description h1:first-child,.biode-banner-slider__slide .biode-banner__content .banner-description h2:first-child,.biode-banner-slider__slide .biode-banner__content .banner-description h3:first-child,.biode-banner-slider__slide .biode-banner__content .banner-description h4:first-child,.biode-banner-slider__slide .biode-banner__content .banner-description h5:first-child,.biode-banner-slider__slide .biode-banner__content .banner-description h6:first-child{margin-top:0}.biode-banner-slider__slide .biode-banner__content .banner-description p{margin:.05em 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.biode-banner-slider__slide .biode-banner__content .banner-description p:first-child{margin-top:0}.biode-banner-slider__slide .biode-banner__content .banner-description p:last-child{margin-bottom:0}.biode-banner-slider .biode-banner-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.biode-banner-slider .biode-banner-controls__next,.biode-banner-slider .biode-banner-controls__prev{pointer-events:auto;background:rgba(0,0,0,.35);color:#fff;border:none;width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 4px;cursor:pointer;transition:background .2s ease;font-size:1.25rem}@media(min-width:768px){.biode-banner-slider .biode-banner-controls__next,.biode-banner-slider .biode-banner-controls__prev{width:40px;height:40px;margin:0 8px;font-size:1.5rem}}.biode-banner-slider .biode-banner-controls__next:hover,.biode-banner-slider .biode-banner-controls__prev:hover{background:rgba(0,0,0,.55)}.biode-banner-slider .biode-banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10;pointer-events:auto}.biode-banner-slider .biode-banner-dots__dot{width:8px;height:8px;border-radius:9999px;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;padding:0;transition:all .3s ease}.biode-banner-slider .biode-banner-dots__dot.is-active{background:#fff;width:20px}@media(min-width:768px){.biode-banner-slider .biode-banner-dots__dot.is-active{width:24px}}.biode-banner-slider .biode-banner-dots__dot:hover{background:hsla(0,0%,100%,.8)}.biode-banner-image{position:relative;width:100%;overflow:hidden}.biode-banner-image--vh{height:100vh}.biode-banner-image__img{display:block;width:100%;height:auto}.biode-banner-image .biode-banner-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.biode-banner-image .biode-banner-controls__next,.biode-banner-image .biode-banner-controls__prev{pointer-events:auto;background:rgba(0,0,0,.35);color:#fff;border:none;width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 8px;cursor:pointer}.biode-banner-image .biode-banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.biode-banner-image .biode-banner-dots__dot{width:8px;height:8px;border-radius:9999px;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;padding:0}.biode-banner-image .biode-banner-dots__dot.is-active{background:#fff}.biode-banner-greeting{position:relative;width:100%;height:300px;min-height:300px;border-radius:.5rem;overflow:hidden;background-image:url(/bannerback.jpeg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#f3f4f6}@media(min-width:768px){.biode-banner-greeting{height:500px;min-height:500px}}.biode-banner-greeting:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.biode-banner-greeting.biode-banner-greeting--fixed{height:360px!important;min-height:360px!important}@media(min-width:768px){.biode-banner-greeting.biode-banner-greeting--fixed{height:520px!important;min-height:520px!important}}.biode-banner-greeting.biode-banner-greeting--left{background-position:20%!important}@media(min-width:768px){.biode-banner-greeting.biode-banner-greeting--left{background-position:30%!important}}.biode-banner-greeting.biode-banner-greeting--contain{background-size:contain!important;background-repeat:no-repeat!important;background-position:50%!important;background-color:#000}.biode-banner-greeting.biode-banner-greeting--vh{height:100vh!important;min-height:100vh!important}.biode-greeting{margin-bottom:3rem;text-align:center}.biode-greeting__title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1.25rem;text-align:center}@media(min-width:768px){.biode-greeting__title{font-size:1.5rem;margin-bottom:2rem}}.biode-greeting__container{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:2rem;text-align:center;max-width:80rem;margin:0 auto}@media(min-width:768px){.biode-greeting__container{padding:3rem}}.biode-greeting__content{color:#374151;line-height:1.7;text-align:center;font-size:.875rem;max-width:60rem;margin:0 auto}@media(min-width:768px){.biode-greeting__content{font-size:1.125rem;line-height:1.7}}.biode-greeting__content h1,.biode-greeting__content h2,.biode-greeting__content h3,.biode-greeting__content h4,.biode-greeting__content h5,.biode-greeting__content h6{color:#111827;margin-bottom:1rem;text-align:center}@media(min-width:768px){.biode-greeting__content h1,.biode-greeting__content h2,.biode-greeting__content h3,.biode-greeting__content h4,.biode-greeting__content h5,.biode-greeting__content h6{font-size:1.25rem;margin-bottom:1rem}}.biode-greeting__content p{margin-bottom:1rem;text-align:center}@media(max-width:768px){.biode-greeting__content p{margin-bottom:.5rem}}.biode-greeting__content ol,.biode-greeting__content ul{text-align:left;margin:1rem 0;padding-left:2rem}@media(max-width:768px){.biode-greeting__content ol,.biode-greeting__content ul{margin:.5rem 0;padding-left:1.25rem}}.biode-greeting__content li{margin-bottom:.5rem}@media(max-width:768px){.biode-greeting__content li{margin-bottom:.25rem}}.biode-greeting__content a{color:#059669;text-decoration:none;font-weight:500}.biode-greeting__content a:hover{color:#047857;text-decoration:underline}.biode-greeting__content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}@media(max-width:768px){.biode-greeting__content img{max-width:80%;margin:.5rem auto;display:block}}.biode-greeting__content blockquote{border-left:4px solid #10b981;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280}.biode-greeting__content code{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem}.biode-greeting__content pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.biode-greeting__content pre code{background:none;padding:0;color:inherit}.biode-greeting__content table{width:100%;border-collapse:collapse;margin:1rem 0}.biode-greeting__content table td,.biode-greeting__content table th{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.biode-greeting__content table th{background-color:#f9fafb;font-weight:600}.biode-banner{position:relative;width:100%;height:300px;border-radius:.5rem;overflow:hidden;background-color:#f3f4f6;background-repeat:no-repeat;background-size:cover;background-position:50%}@media(min-width:768px){.biode-banner{height:500px}}.biode-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.biode-banner__overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.3)}.biode-banner__content{position:absolute;bottom:1.5rem;left:1.5rem;color:#fff;z-index:10}@media(min-width:80rem){.biode-banner__content{left:calc((100vw - 80rem)/2 + 1rem)}}.biode-banner__content h2{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(min-width:768px){.biode-banner__content h2{font-size:1.875rem}}.biode-banner__content p{font-size:1rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.biode-banner__content p{font-size:.875rem;line-height:1.4}}@media(min-width:768px){.biode-banner__content p{font-size:1.125rem}}.biode-banner--small{height:150px}@media(min-width:768px){.biode-banner--small{height:200px}}.biode-banner .banner-description{font-size:.875rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.4}@media(min-width:768px){.biode-banner .banner-description{font-size:1.125rem;line-height:1.5}}.biode-banner .banner-description h1,.biode-banner .banner-description h2,.biode-banner .banner-description h3,.biode-banner .banner-description h4,.biode-banner .banner-description h5,.biode-banner .banner-description h6{margin:.1em 0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.biode-banner .banner-description h1:first-child,.biode-banner .banner-description h2:first-child,.biode-banner .banner-description h3:first-child,.biode-banner .banner-description h4:first-child,.biode-banner .banner-description h5:first-child,.biode-banner .banner-description h6:first-child{margin-top:0}.biode-banner .banner-description p{margin:.05em 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.biode-banner .banner-description p:first-child{margin-top:0}.biode-banner .banner-description p:last-child{margin-bottom:0}.biode-banner .banner-description ol,.biode-banner .banner-description ul{margin:.1em 0;padding-left:1.5em}.biode-banner .banner-description ol li,.biode-banner .banner-description ul li{margin:.05em 0}.biode-banner .banner-description b,.biode-banner .banner-description strong{font-weight:700}.biode-banner .banner-description em,.biode-banner .banner-description i{font-style:italic}.biode-banner--medium{height:250px}@media(min-width:768px){.biode-banner--medium{height:320px}}.biode-banner--large{height:300px}@media(min-width:768px){.biode-banner--large{height:400px}}.biode-banner--contain{background-size:contain!important;background-repeat:no-repeat!important;background-position:50%!important;background-color:#000}.biode-news__grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media(min-width:640px){.biode-news__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.biode-news__grid{grid-template-columns:repeat(4,1fr)}}.biode-news__item{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.biode-news__item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.biode-news__image-container{height:12rem;background-color:#f3f4f6;overflow:hidden;position:relative}.biode-news__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.biode-news__image:hover{transform:scale(1.05)}.biode-news__content{padding:1.5rem}.biode-news__title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem;line-height:1.4;-webkit-line-clamp:2}.biode-news__description,.biode-news__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.biode-news__description{font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.5;-webkit-line-clamp:3}.biode-news__meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.biode-news__date{color:#9ca3af}.biode-news__link{color:#059669;font-weight:500;text-decoration:none;transition:color .2s ease}.biode-news__link:hover{color:#047857}.biode-hero{background:linear-gradient(135deg,#f0fdf4,#dbeafe 50%,#faf5ff);padding:5rem 0;border-radius:.5rem;position:relative;overflow:hidden}.biode-hero__pattern{position:absolute;inset:0;opacity:.1}.biode-hero__pattern:after,.biode-hero__pattern:before{content:"";position:absolute;width:18rem;height:18rem;border-radius:50%;filter:blur(1rem);animation:pulse 2s ease-in-out infinite}.biode-hero__pattern:before{top:0;left:0;background-color:#86efac;mix-blend-mode:multiply}.biode-hero__pattern:after{top:0;right:0;background-color:#93c5fd;mix-blend-mode:multiply;animation-delay:1s}.biode-hero__content{position:relative;z-index:10;text-align:center}.biode-organization__container{max-width:80rem;margin:0 auto;padding:3rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}@media(max-width:80rem){.biode-organization__container{padding:3rem}}.biode-organization__image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease}.biode-organization__image:hover{transform:scale(1.02)}.biode-organization__placeholder{text-align:center;padding:3rem 0;color:#6b7280}.biode-history__timeline{position:relative;max-width:80rem;margin:0 auto;padding:0}.biode-history__year-group{position:relative;margin-bottom:2rem}.biode-history__year-group:not(:last-child):after{content:"";position:absolute;left:.5rem;top:3rem;bottom:-2rem;width:2px;background:linear-gradient(180deg,#10b981,#e5e7eb)}.biode-history__year-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;position:relative;padding-left:2rem}.biode-history__year-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background:#10b981;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #10b981}.biode-history__year-content{padding:0;max-width:80rem}.biode-history__item{background:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;border-left:4px solid #10b981;transition:all .3s ease;text-align:left;box-shadow:0 2px 4px rgba(0,0,0,.05)}.biode-history__item:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.biode-history__description{color:#374151;line-height:1.6;margin:0;font-size:1rem}.biode-video__container{max-width:90rem;margin:0 auto;text-align:center;padding:0 1rem}.biode-video__iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;margin:0 auto;max-width:85rem}@media(max-width:768px){.biode-video__iframe-wrapper{padding-bottom:56.25%;margin:0 .5rem}}@media(min-width:769px)and (max-width:1024px){.biode-video__iframe-wrapper{padding-bottom:56.25%;margin:0 1rem}}.biode-video__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1)}.biode-video__iframe iframe{width:100%!important;height:100%!important;border:none;border-radius:.5rem}@media(max-width:768px){.biode-video__iframe iframe{border-radius:.25rem}}.biode-map__container{width:100%;height:320px;position:relative;overflow:hidden;border-radius:.5rem;background-color:#f3f4f6;border:1px solid #e5e7eb}.biode-map__element{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:1}.biode-map__placeholder{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f3f4f6}.biode-map__placeholder .placeholder-content{text-align:center;color:#6b7280}.biode-map__placeholder .placeholder-content svg{width:4rem;height:4rem;margin:0 auto 1rem;color:#9ca3af}.biode-map__placeholder .placeholder-content .placeholder-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.biode-map__placeholder .placeholder-content .placeholder-subtitle{font-size:.875rem;color:#6b7280}.biode-contact{margin-bottom:3rem;text-align:center}.biode-contact__title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:center}@media(min-width:768px){.biode-contact__title{font-size:1.875rem}}.biode-contact__container{max-width:80rem;margin:0 auto;padding:0}.biode-contact__content{display:flex;flex-direction:column;gap:2rem;align-items:stretch}@media(min-width:1024px){.biode-contact__content{flex-direction:row;gap:2rem}}.biode-contact__info,.biode-contact__map{flex:1 1}.biode-contact__card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem;height:100%;text-align:left}.biode-contact__company,.biode-contact__location{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.biode-contact__details{display:flex;flex-direction:column;gap:.75rem}.biode-contact__item{color:#374151}.biode-contact__item strong{color:#111827;font-weight:600;display:block;margin-bottom:.25rem}.biode-contact__item p{margin:0;line-height:1.5}.biode-notice__header{margin-bottom:2rem;position:relative;z-index:2}.biode-notice__header-content,.biode-notice__title{text-align:center;margin-bottom:2rem}.biode-notice__title{font-size:1.25rem;font-weight:700;color:#111827}@media(min-width:768px){.biode-notice__title{font-size:1.875rem}}.biode-notice__description{font-size:1.125rem;color:#6b7280;max-width:32rem;margin:0 auto}.biode-notice__container{max-width:64rem;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.biode-notice__list{display:flex;flex-direction:column;gap:1rem}.biode-notice__empty{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:3rem;text-align:center}.biode-notice__empty-icon{color:#9ca3af;margin-bottom:1rem}.biode-notice__empty-title{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.5rem}.biode-notice__empty-description{color:#6b7280}.biode-notice__card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.biode-notice__card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.biode-notice__card-content{padding:1.5rem}.biode-notice__card-header{margin-bottom:1rem}.biode-notice__card-title-section{flex:1 1}.biode-notice__card-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.biode-notice__pinned-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.biode-notice__card-title{font-size:1.25rem;font-weight:700;color:#111827;transition:color .2s ease;text-decoration:none}.biode-notice__card-title:hover{color:#10b981}.biode-notice__meta{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6b7280;margin-bottom:1rem}.biode-notice__meta-item{display:flex;align-items:center;gap:.5rem}.biode-notice__attachments{border-top:1px solid #f3f4f6;padding-top:1rem}.biode-notice__attachments-list{display:flex;flex-wrap:wrap;gap:.5rem}.biode-notice__attachment-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#eff6ff;color:#1d4ed8;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.biode-notice__attachment-link:hover{background-color:#dbeafe}.biode-notice__pagination{margin-top:2rem}.biode-notice__back-button{margin-bottom:1.5rem}.biode-notice__back-link{display:inline-flex;align-items:center;color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s ease}.biode-notice__back-link:hover{color:#10b981}.biode-notice__detail-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:hidden;margin-bottom:2rem}.biode-notice__detail-header{padding:2rem;border-bottom:1px solid #f3f4f6}.biode-notice__detail-title-section{flex:1 1}.biode-notice__detail-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.biode-notice__detail-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.3}.biode-notice__detail-meta{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6b7280}.biode-notice__detail-content{padding:2rem}.biode-notice__content-html{font-size:1rem;line-height:1.7;color:#374151}.biode-notice__content-html h1,.biode-notice__content-html h2,.biode-notice__content-html h3,.biode-notice__content-html h4,.biode-notice__content-html h5,.biode-notice__content-html h6{font-weight:600;margin-top:1.5rem;margin-bottom:1rem;color:#111827}.biode-notice__content-html h1{font-size:1.875rem}.biode-notice__content-html h2{font-size:1.5rem}.biode-notice__content-html h3{font-size:1.25rem}.biode-notice__content-html h4{font-size:1.125rem}.biode-notice__content-html p{margin-bottom:1rem}.biode-notice__content-html ol,.biode-notice__content-html ul{margin-bottom:1rem;padding-left:1.5rem}.biode-notice__content-html li{margin-bottom:.5rem}.biode-notice__content-html a{color:#10b981;text-decoration:underline}.biode-notice__content-html a:hover{color:#059669}.biode-notice__content-html img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.biode-notice__content-html blockquote{border-left:4px solid #10b981;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280}.biode-notice__content-html code{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem}.biode-notice__content-html pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.biode-notice__content-html pre code{background:none;padding:0;color:inherit}.biode-notice__content-html table{width:100%;border-collapse:collapse;margin:1rem 0}.biode-notice__content-html table td,.biode-notice__content-html table th{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.biode-notice__content-html table th{background-color:#f9fafb;font-weight:600}.biode-notice__detail-attachments{border-top:1px solid #f3f4f6;padding:2rem}.biode-notice__attachments-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.biode-notice__attachment-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:.75rem}.biode-notice__attachment-info{display:flex;align-items:center;gap:.75rem;flex:1 1}.biode-notice__attachment-icon{font-size:1.25rem;color:#6b7280}.biode-notice__attachment-details{flex:1 1}.biode-notice__attachment-name{font-weight:500;color:#111827;margin-bottom:.25rem}.biode-notice__attachment-meta{font-size:.875rem;color:#6b7280}.biode-notice__download-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#10b981;color:#fff;font-size:.875rem;font-weight:500;border-radius:.375rem;text-decoration:none;transition:all .2s ease}.biode-notice__download-button:hover{background-color:#059669;transform:translateY(-1px)}.biode-notice__bottom-button{display:flex;justify-content:center;margin-top:2rem}.biode-notice__back-button-large{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background-color:#6b7280;color:#fff;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s ease}.biode-notice__back-button-large:hover{background-color:#4b5563;transform:translateY(-1px)}.biode-first-time{background-color:#fff;min-height:50vh;padding:0;position:relative}.biode-first-time__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;min-height:50vh}.biode-first-time__header{text-align:center;margin-bottom:1rem}.biode-first-time__title{font-size:clamp(1.5rem,4vw,3rem);font-weight:800;color:#401f1d}.biode-first-time__image-wrapper{margin-top:auto;width:100%;position:relative}.biode-first-time__image{width:100%;height:auto;display:block}.biode-first-time__subtitle{position:absolute;top:-1%;left:50%;transform:translateX(-50%);text-align:center;z-index:10}.biode-first-time__subtitle p{font-size:clamp(1rem,3vw,2.5rem);font-weight:400;color:#401f1d;margin:0;line-height:1.2}.biode-first-time__subtitle--highlight{color:#8f4c4a;font-weight:800}.biode-footer{background-color:#401f1d!important;color:#fff;padding:2rem 1rem}.biode-footer__container{max-width:1200px;margin:0 auto}.biode-footer__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem}.biode-footer__menu{display:flex;gap:2rem;flex-wrap:nowrap}.biode-footer__menu-item{color:#fff;text-decoration:none;font-weight:700;font-size:clamp(.75rem,2vw,1rem);letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .3s}.biode-footer__menu-item:hover{opacity:.7}.biode-footer__arrow{display:inline-block;transition:transform .3s}.biode-footer__menu-item:hover .biode-footer__arrow{transform:translateX(4px)}.biode-footer__scroll-top{width:clamp(10%,8vw,48px);height:clamp(10%,8vw,48px);border-radius:50%;background-color:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:clamp(1.25rem,3vw,1.5rem);cursor:pointer;transition:all .3s;flex-shrink:0;aspect-ratio:1/1;margin-left:1rem}.biode-footer__scroll-top:hover{background-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.biode-footer__info-row{display:flex;gap:1rem;margin-bottom:.75rem;font-size:clamp(.75rem,1.5vw,.95rem);line-height:1.6;flex-wrap:nowrap}.biode-footer__label{font-weight:800;min-width:60px}.biode-footer__text{color:hsla(0,0%,100%,.9)}.biode-footer__social{display:flex;gap:1rem;margin-bottom:3rem}.biode-footer__social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.biode-footer__social-icon:hover{opacity:.7}.biode-footer__social-icon svg{width:28px;height:28px}.biode-footer__logo{font-size:3rem;font-weight:800;letter-spacing:.05em;color:#fff}.biode-footer__logo sup{font-size:1.5rem;vertical-align:super}.wow-principle__section img{border-bottom-left-radius:0!important}.wow-principle__image-philosophy{transform:translateX(-19%)}.wow-principle__overlay{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);z-index:10}.wow-principle__content{text-align:center}.wow-principle__content p{margin:0;font-size:clamp(.5rem,2.5vw,3rem);font-weight:700;line-height:1.5;white-space:nowrap}.wow-principle__text--primary{color:#8f4c4a}.wow-principle__text--secondary{color:#401f1d}.wow-principle__text--largest{font-size:clamp(1rem,5vw,4rem)!important}.wow-principle__text--large{font-size:clamp(.8rem,4vw,3.5rem)!important}.wow-principle__overlay-philosophy{position:absolute;bottom:57%;left:77%;transform:translateX(-50%);z-index:10;text-align:left}.wow-principle__philosophy-text{margin:0;font-size:clamp(1.5rem,6vw,5rem);font-weight:800;color:#401f1d;line-height:1.2}.wow-principle__overlay-standard{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);z-index:20;text-align:left;width:100%;padding-left:2rem}.wow-principle__standard-text{margin:0;font-size:clamp(1rem,4vw,3rem);font-weight:700;color:#8f4c4a;line-height:1.5;white-space:nowrap}.wow-principle__standard-underline{display:inline-block;width:100%;height:3px;background-color:#8f4c4a;margin-bottom:.5rem}.wow-principle__text-section{position:relative;z-index:30;background-color:#fff;padding:0 2rem 4rem;margin-top:-12rem}.wow-principle__text-container{max-width:1200px;margin:0 auto}.wow-principle__text-container>div{margin-bottom:3rem}.wow-principle__text-container>div:last-child{margin-bottom:0}.wow-principle__description-text{margin:1rem 0 0;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.8;color:#374151}.wow-principle__policy-section{background-color:#fff;padding:1rem 2rem 4rem}.wow-principle__policy-container{max-width:1200px;margin:0 auto}.wow-principle__policy-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;text-align:center;margin-bottom:3rem;color:#1f2937;white-space:nowrap}.wow-principle__policy-highlight{background-color:#401f1d;color:#fff;padding:.2rem;font-size:.85em}.wow-principle__policy-item{margin-bottom:3rem}.wow-principle__policy-item:last-child{margin-bottom:0}.wow-principle__policy-number{background-color:#8f4c4a;color:#fff;padding:.3rem .5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0 0 1.5rem;border-radius:0 0 19px 0;display:inline-block;width:100%}.wow-principle__policy-text{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.5;color:#374151;margin-bottom:.6rem;text-align:justify}.wow-principle__policy-text:last-child{margin-bottom:0}.wow-principle__policy-text strong{font-weight:800;color:#1f2937;font-size:clamp(.5rem,4vw,2rem)}.wow-technology__section{position:relative;min-height:200px}.wow-technology__section--2{min-height:600px}.wow-technology__overlay{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);z-index:10;text-align:center}.wow-technology__overlay-text{margin:0;font-size:clamp(1rem,6vw,5rem);font-weight:700;color:#8f4c4a;line-height:1.2;white-space:nowrap}.wow-technology__overlay-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:left}.wow-technology__overlay-content{max-width:800px}.wow-technology__title{font-size:clamp(1.5rem,4vw,3rem);font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.3}.wow-technology__text{font-size:clamp(.9rem,2vw,1.2rem);color:#374151;margin-bottom:.5rem;line-height:1.6}.wow-technology__text.highlight{color:#8f4c4a;font-weight:700}.inquiry-edit,.inquiry-write{max-width:800px;margin:0 auto;padding:2rem 1rem}.inquiry-edit__header,.inquiry-write__header{text-align:center;margin-bottom:2rem}.inquiry-edit__header h1,.inquiry-write__header h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.inquiry-edit__header p,.inquiry-write__header p{color:#666;font-size:1rem;line-height:1.5}.inquiry-edit__form-section,.inquiry-write__form-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:2rem}.inquiry-edit__form,.inquiry-write__form{display:flex;flex-direction:column;gap:2rem}.inquiry-edit__fieldset,.inquiry-write__fieldset{border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem;background:#fafafa}.inquiry-edit__fieldset:focus-within,.inquiry-write__fieldset:focus-within{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.inquiry-edit__legend,.inquiry-write__legend{font-weight:600;color:#333;font-size:1.1rem;padding:0 .5rem;background:#fafafa}.inquiry-edit__field,.inquiry-write__field{margin-bottom:1.5rem}.inquiry-edit__field:last-child,.inquiry-write__field:last-child{margin-bottom:0}.inquiry-edit__label,.inquiry-write__label{display:block;font-weight:500;color:#333;margin-bottom:.5rem;font-size:.95rem}.inquiry-edit__required,.inquiry-write__required{color:#dc3545;font-weight:600}.inquiry-edit__input,.inquiry-edit__textarea,.inquiry-write__input,.inquiry-write__textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.inquiry-edit__input:focus,.inquiry-edit__textarea:focus,.inquiry-write__input:focus,.inquiry-write__textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.inquiry-edit__input::placeholder,.inquiry-edit__textarea::placeholder,.inquiry-write__input::placeholder,.inquiry-write__textarea::placeholder{color:#999}.inquiry-edit__textarea,.inquiry-write__textarea{resize:vertical;min-height:120px;font-family:inherit}.inquiry-edit__checkbox-label,.inquiry-write__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#333}.inquiry-edit__checkbox,.inquiry-write__checkbox{width:1.2rem;height:1.2rem;accent-color:#007bff}.inquiry-edit__checkbox-text,.inquiry-write__checkbox-text{font-size:.95rem}.inquiry-edit__help,.inquiry-write__help{display:block;margin-top:.25rem;font-size:.85rem;color:#666;line-height:1.4}.inquiry-edit__actions,.inquiry-write__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.inquiry-edit__button,.inquiry-write__button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.inquiry-edit__button:disabled,.inquiry-write__button:disabled{opacity:.6;cursor:not-allowed}.inquiry-edit__button--primary,.inquiry-write__button--primary{background:#007bff;color:#fff}.inquiry-edit__button--primary:hover:not(:disabled),.inquiry-write__button--primary:hover:not(:disabled){background:#0056b3}.inquiry-edit__button--secondary,.inquiry-write__button--secondary{background:#6c757d;color:#fff}.inquiry-edit__button--secondary:hover:not(:disabled),.inquiry-write__button--secondary:hover:not(:disabled){background:#545b62}.inquiry-edit__loading,.inquiry-write__loading{text-align:center;padding:3rem 1rem}.inquiry-edit__loading h1,.inquiry-write__loading h1{font-size:2rem;margin-bottom:1rem}.inquiry-edit__loading p,.inquiry-write__loading p{color:#666;font-size:1.1rem}.inquiry-edit__error,.inquiry-write__error{text-align:center;padding:3rem 1rem}.inquiry-edit__error h1,.inquiry-write__error h1{font-size:2rem;margin-bottom:1rem;color:#dc3545}.inquiry-edit__error p,.inquiry-write__error p{color:#666;font-size:1.1rem;margin-bottom:2rem}@media(max-width:768px){.inquiry-edit,.inquiry-write{padding:1rem}.inquiry-edit__header h1,.inquiry-write__header h1{font-size:1.5rem}.inquiry-edit__header p,.inquiry-write__header p{font-size:.9rem}.inquiry-edit__form-section,.inquiry-write__form-section{padding:1.5rem}.inquiry-edit__fieldset,.inquiry-write__fieldset{padding:1rem}.inquiry-edit__actions,.inquiry-write__actions{flex-direction:column;gap:.5rem}.inquiry-edit__button,.inquiry-write__button{width:100%}}.inquiry-list{max-width:1200px;margin:0 auto;padding:2rem 1rem}.inquiry-list__header{text-align:center;margin-bottom:2rem}.inquiry-list__header h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.inquiry-list__header p{color:#666;font-size:1rem;line-height:1.5}.inquiry-list__controls{justify-content:space-between;align-items:center;margin-bottom:2rem}.inquiry-list__controls,.inquiry-list__filters{display:flex;gap:1rem;flex-wrap:wrap}.inquiry-list__filter{display:flex;flex-direction:column;gap:.5rem}.inquiry-list__filter-label{font-weight:500;color:#333;font-size:.9rem}.inquiry-list__filter-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;min-width:120px}.inquiry-list__filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.inquiry-list__write-button{padding:.75rem 1.5rem;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.inquiry-list__write-button:hover{background:#0056b3}.inquiry-list__content{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.inquiry-list__empty,.inquiry-list__error,.inquiry-list__loading{text-align:center;padding:3rem 1rem}.inquiry-list__empty h1,.inquiry-list__error h1,.inquiry-list__loading h1{font-size:2rem;margin-bottom:1rem}.inquiry-list__empty p,.inquiry-list__error p,.inquiry-list__loading p{color:#666;font-size:1.1rem;margin-bottom:2rem}.inquiry-list__write-link{color:#007bff;text-decoration:none;font-weight:500}.inquiry-list__write-link:hover{text-decoration:underline}.inquiry-list__table-container{overflow-x:auto}.inquiry-list__table{width:100%;border-collapse:collapse;font-size:.9rem}.inquiry-list__table td,.inquiry-list__table th{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.inquiry-list__table th{background:#f8f9fa;font-weight:600;color:#333;position:-webkit-sticky;position:sticky;top:0;z-index:10}.inquiry-list__table tbody tr{transition:background-color .2s}.inquiry-list__table tbody tr:hover{background:#f8f9fa}.inquiry-list__cell{vertical-align:middle}.inquiry-list__cell--id{width:80px;text-align:center;font-weight:500}.inquiry-list__cell--title{min-width:300px}.inquiry-list__cell--author{width:120px}.inquiry-list__cell--date{width:100px}.inquiry-list__cell--status{width:100px;text-align:center}.inquiry-list__title-link{color:#333;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem}.inquiry-list__title-link:hover{color:#007bff;text-decoration:underline}.inquiry-list__secret-badge{font-size:1rem;opacity:.7}.inquiry-list__status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-align:center;min-width:60px}.inquiry-list__status-badge--pending{background:#fff3cd;color:#856404}.inquiry-list__status-badge--answered{background:#d1edff;color:#0c5460}.inquiry-list__pagination{padding:1.5rem;border-top:1px solid #e0e0e0}.inquiry-list__pagination-list{display:flex;justify-content:center;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.inquiry-list__pagination-button{padding:.5rem .75rem;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s;min-width:40px}.inquiry-list__pagination-button:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.inquiry-list__pagination-button--active{background:#007bff;color:#fff;border-color:#007bff}.inquiry-list__pagination-button--active:hover{background:#0056b3}.inquiry-list__pagination-button:disabled{opacity:.5;cursor:not-allowed}.inquiry-list__pagination-ellipsis{padding:.5rem;color:#666}.inquiry-list__button{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.inquiry-list__button:hover{background:#0056b3}@media(max-width:768px){.inquiry-list{padding:1rem}.inquiry-list__header h1{font-size:1.5rem}.inquiry-list__header p{font-size:.9rem}.inquiry-list__controls{flex-direction:column;align-items:stretch;gap:1rem}.inquiry-list__filters{justify-content:center}.inquiry-list__write-button{text-align:center}.inquiry-list__table{font-size:.8rem}.inquiry-list__table td,.inquiry-list__table th{padding:.75rem .5rem}.inquiry-list__cell--id{width:60px}.inquiry-list__cell--title{min-width:200px}.inquiry-list__cell--author,.inquiry-list__cell--date,.inquiry-list__cell--status{width:80px}.inquiry-list__pagination-list{flex-wrap:wrap;gap:.25rem}.inquiry-list__pagination-button{padding:.4rem .6rem;font-size:.8rem;min-width:35px}}.inquiry-detail{max-width:900px;margin:0 auto;padding:2rem 1rem}.inquiry-detail__header{margin-bottom:2rem}.inquiry-detail__header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.inquiry-detail__header h1{font-size:2rem;font-weight:700;color:#333;margin:0}.inquiry-detail__actions{display:flex;gap:1rem;flex-wrap:wrap}.inquiry-detail__button{padding:.75rem 1.5rem;text-decoration:none;border-radius:4px;font-weight:500;transition:all .2s;border:none;cursor:pointer;font-size:1rem}.inquiry-detail__button--primary{background:#007bff;color:#fff}.inquiry-detail__button--primary:hover{background:#0056b3}.inquiry-detail__button--secondary{background:#6c757d;color:#fff}.inquiry-detail__button--secondary:hover{background:#545b62}.inquiry-detail__content{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:visible}.inquiry-detail__article-header{padding:2rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.inquiry-detail__title{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.inquiry-detail__secret-badge{font-size:1.2rem;opacity:.7}.inquiry-detail__meta{display:flex;gap:2rem;flex-wrap:wrap}.inquiry-detail__meta-item{display:flex;align-items:center;gap:.5rem}.inquiry-detail__meta-label{font-weight:500;color:#666;font-size:.9rem}.inquiry-detail__meta-value{color:#333;font-size:.9rem}.inquiry-detail__status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-align:center;min-width:60px}.inquiry-detail__status-badge--pending{background:#fff3cd;color:#856404}.inquiry-detail__status-badge--answered{background:#d1edff;color:#0c5460}.inquiry-detail__answer,.inquiry-detail__body{padding:2rem}.inquiry-detail__body{border-bottom:1px solid #e0e0e0}.inquiry-detail__section-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 1rem}.inquiry-detail__answer-text,.inquiry-detail__content-text{line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.inquiry-detail__answer-text p,.inquiry-detail__content-text p{margin:0 0 1rem}.inquiry-detail__answer-text p:last-child,.inquiry-detail__content-text p:last-child{margin-bottom:0}.inquiry-detail__answer-content{background:#f8f9fa;border-radius:6px;padding:1.5rem}.inquiry-detail__answer-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.inquiry-detail__answer-date{font-size:.9rem;color:#666;font-style:italic}.inquiry-detail__error,.inquiry-detail__loading{text-align:center;padding:3rem 1rem}.inquiry-detail__error h1,.inquiry-detail__loading h1{font-size:2rem;margin-bottom:1rem}.inquiry-detail__error p,.inquiry-detail__loading p{color:#666;font-size:1.1rem;margin-bottom:2rem}.inquiry-detail__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.inquiry-detail__modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:400px;width:100%;animation:modalSlideIn .3s ease-out}.inquiry-detail__modal-header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid #e0e0e0}.inquiry-detail__modal-header h2{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 .5rem}.inquiry-detail__modal-header p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.inquiry-detail__modal-form{padding:1.5rem}.inquiry-detail__modal-field{margin-bottom:1.5rem}.inquiry-detail__modal-label{display:block;font-weight:500;color:#333;margin-bottom:.5rem;font-size:.95rem}.inquiry-detail__modal-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.inquiry-detail__modal-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.inquiry-detail__modal-input::placeholder{color:#999}.inquiry-detail__modal-error{color:#dc3545;font-size:.85rem;margin-top:.5rem;margin-bottom:0}.inquiry-detail__modal-actions{display:flex;gap:1rem;justify-content:flex-end}.inquiry-detail__modal-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.inquiry-detail__modal-button:disabled{opacity:.6;cursor:not-allowed}.inquiry-detail__modal-button--primary{background:#007bff;color:#fff}.inquiry-detail__modal-button--primary:hover:not(:disabled){background:#0056b3}.inquiry-detail__modal-button--secondary{background:#6c757d;color:#fff}.inquiry-detail__modal-button--secondary:hover:not(:disabled){background:#545b62}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.inquiry-detail{padding:1rem}.inquiry-detail__header-content{flex-direction:column;align-items:stretch;gap:1rem}.inquiry-detail__header h1{font-size:1.5rem;text-align:center}.inquiry-detail__actions{justify-content:center}.inquiry-detail__article-header{padding:1.5rem}.inquiry-detail__title{font-size:1.3rem}.inquiry-detail__meta{gap:1rem}.inquiry-detail__answer,.inquiry-detail__body{padding:1.5rem}.inquiry-detail__answer-content{padding:1rem}.inquiry-detail__modal{margin:1rem}.inquiry-detail__modal-actions{flex-direction:column;gap:.5rem}.inquiry-detail__modal-button{width:100%}}.portal-inquiry{padding:2rem;max-width:1200px;margin:0 auto}.portal-inquiry__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.portal-inquiry__header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.portal-inquiry__header p{color:#6b7280;font-size:1rem}.portal-inquiry__controls{margin-bottom:2rem;padding-bottom:1rem}.portal-inquiry__filters{display:flex;gap:.5rem;flex-wrap:wrap}.portal-inquiry__filters .filter-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.portal-inquiry__filters .filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.portal-inquiry__filters .filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.portal-inquiry__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);overflow:hidden}.portal-inquiry__empty{padding:3rem;text-align:center;color:#6b7280}.portal-inquiry__empty p{font-size:1.125rem}.portal-inquiry__table-container{overflow-x:auto}.portal-inquiry__table{width:100%;border-collapse:collapse}.portal-inquiry__table td,.portal-inquiry__table th{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.portal-inquiry__table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.portal-inquiry__table td{vertical-align:middle}.portal-inquiry__table .inquiry-title{color:#3b82f6;text-decoration:none;font-weight:500}.portal-inquiry__table .inquiry-title:hover{text-decoration:underline}.portal-inquiry__table .type-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.portal-inquiry__table .type-badge.secret{background:#fef3c7;color:#92400e}.portal-inquiry__table .type-badge.public{background:#dbeafe;color:#1e40af}.portal-inquiry__table .status-badges{display:flex;align-items:center;gap:.5rem}.portal-inquiry__table .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.portal-inquiry__table .status-badge.pending{background:#fef2f2;color:#dc2626}.portal-inquiry__table .status-badge.answered{background:#f0fdf4;color:#166534}.portal-inquiry__table .action-buttons{display:flex;gap:.5rem}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .edit-button,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .cancel-btn,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .submit-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .cancel-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .submit-btn,.greeting-management .page-header .portal-inquiry__table .action-buttons .add-button,.portal-inquiry__table .action-buttons .btn,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .add-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .submit-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .submit-btn,.portal-inquiry__table .action-buttons .greeting-management .page-header .add-button{padding:.375rem .75rem;border-radius:.25rem;font-size:.75rem;text-decoration:none;font-weight:500;transition:all .2s}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .btn-view.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-view.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-view.edit-button,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-view.cancel-btn,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-view.submit-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-view.cancel-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-view.submit-btn,.greeting-management .page-header .portal-inquiry__table .action-buttons .btn-view.add-button,.portal-inquiry__table .action-buttons .btn.btn-view,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .btn-view.add-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-view.delete-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-view.edit-button,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-view.cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-view.submit-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-view.cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-view.submit-btn,.portal-inquiry__table .action-buttons .greeting-management .page-header .btn-view.add-button{background:#3b82f6;color:#fff}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .btn-view.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-view.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-view.edit-button:hover,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-view.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-view.submit-btn:hover,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-view.cancel-btn:hover,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-view.submit-btn:hover,.greeting-management .page-header .portal-inquiry__table .action-buttons .btn-view.add-button:hover,.portal-inquiry__table .action-buttons .btn.btn-view:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .btn-view.add-button:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-view.delete-button:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-view.edit-button:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-view.cancel-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-view.submit-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-view.cancel-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-view.submit-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .page-header .btn-view.add-button:hover{background:#2563eb}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .btn-answer.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-answer.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-answer.edit-button,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-answer.cancel-btn,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-answer.submit-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-answer.cancel-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-answer.submit-btn,.greeting-management .page-header .portal-inquiry__table .action-buttons .btn-answer.add-button,.portal-inquiry__table .action-buttons .btn.btn-answer,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .btn-answer.add-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-answer.delete-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-answer.edit-button,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-answer.cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-answer.submit-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-answer.cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-answer.submit-btn,.portal-inquiry__table .action-buttons .greeting-management .page-header .btn-answer.add-button{background:#10b981;color:#fff}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .btn-answer.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-answer.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .btn-answer.edit-button:hover,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-answer.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .btn-answer.submit-btn:hover,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-answer.cancel-btn:hover,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .btn-answer.submit-btn:hover,.greeting-management .page-header .portal-inquiry__table .action-buttons .btn-answer.add-button:hover,.portal-inquiry__table .action-buttons .btn.btn-answer:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .btn-answer.add-button:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-answer.delete-button:hover,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .btn-answer.edit-button:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-answer.cancel-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .btn-answer.submit-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-answer.cancel-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .btn-answer.submit-btn:hover,.portal-inquiry__table .action-buttons .greeting-management .page-header .btn-answer.add-button:hover{background:#059669}.portal-inquiry__pagination{padding:1rem;display:flex;justify-content:center;background:#f9fafb;border-top:1px solid #e5e7eb}.portal-inquiry__pagination ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.portal-inquiry__pagination .pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.25rem;cursor:pointer;transition:all .2s}.portal-inquiry__pagination .pagination-btn:hover{background:#f9fafb;border-color:#9ca3af}.portal-inquiry__pagination .pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.portal-inquiry .loading{text-align:center;padding:3rem;font-size:1.125rem}.portal-inquiry__error{text-align:center;padding:1rem;margin:1rem 0;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.375rem;font-size:.875rem}@media(max-width:768px){.portal-inquiry{padding:1rem}.portal-inquiry__header h1{font-size:1.5rem}.portal-inquiry__filters .filter-btn{padding:.375rem .75rem;font-size:.75rem}.portal-inquiry__table td,.portal-inquiry__table th{padding:.75rem .5rem;font-size:.875rem}.portal-inquiry__table .action-buttons{flex-direction:column;gap:.25rem}.greeting-management .greeting-list .empty-state .portal-inquiry__table .action-buttons .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .portal-inquiry__table .action-buttons .edit-button,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .cancel-btn,.greeting-management .modal-confirm .modal-actions .portal-inquiry__table .action-buttons .submit-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .cancel-btn,.greeting-management .modal-form .form-actions .portal-inquiry__table .action-buttons .submit-btn,.greeting-management .page-header .portal-inquiry__table .action-buttons .add-button,.portal-inquiry__table .action-buttons .btn,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .empty-state .add-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button,.portal-inquiry__table .action-buttons .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-confirm .modal-actions .submit-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .cancel-btn,.portal-inquiry__table .action-buttons .greeting-management .modal-form .form-actions .submit-btn,.portal-inquiry__table .action-buttons .greeting-management .page-header .add-button{text-align:center}}.portal-inquiry-detail{padding:2rem;max-width:1000px;margin:0 auto}.portal-inquiry-detail__container{max-width:80rem;margin:0 auto;padding:0 1rem}.portal-inquiry-detail__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.portal-inquiry-detail__header-content{display:flex;justify-content:space-between;align-items:center}.portal-inquiry-detail__title{font-size:2rem;font-weight:700;color:#111827;margin:0}.portal-inquiry-detail__back-button{padding:.5rem 1rem;background:#fbbf24;color:#1f2937;text-decoration:none;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background .2s}.portal-inquiry-detail__back-button:hover{background:#f59e0b}.portal-inquiry-detail__content{display:flex;flex-direction:column;gap:2rem}.portal-inquiry-detail__inquiry{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:visible;margin-bottom:2rem}.portal-inquiry-detail__inquiry-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:0}.portal-inquiry-detail__inquiry-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1rem}.portal-inquiry-detail__inquiry-content{border-top:2px solid #e5e7eb;padding:2rem 1.5rem 1.5rem}.portal-inquiry-detail__content-text{line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;word-break:break-all}.portal-inquiry-detail__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.portal-inquiry-detail__meta-item{display:flex;align-items:center;gap:.5rem}.portal-inquiry-detail__meta-label{font-weight:500;color:#6b7280;font-size:.875rem}.portal-inquiry-detail__meta-value{color:#374151;font-size:.875rem}.portal-inquiry-detail__answer{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:hidden}.portal-inquiry-detail__answer-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f0fdf4}.portal-inquiry-detail__answer-title{font-size:1.125rem;font-weight:600;color:#166534;margin:0 0 .5rem}.portal-inquiry-detail__answer-meta .portal-inquiry-detail__answer-date{font-size:.875rem;color:#059669}.portal-inquiry-detail__answer-content{padding:1.5rem}.portal-inquiry-detail__answer-text{line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.portal-inquiry-detail__answer-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:hidden}.portal-inquiry-detail__answer-form-title{padding:1.5rem 1.5rem 0;font-size:1.125rem;font-weight:600;color:#111827;margin:0}.portal-inquiry-detail__form{padding:1.5rem}.portal-inquiry-detail__form-group{margin-bottom:1.5rem}.portal-inquiry-detail__form-label{display:block;font-weight:500;color:#111827;margin-bottom:.5rem}.portal-inquiry-detail__form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s}.portal-inquiry-detail__form-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.1)}.portal-inquiry-detail__form-textarea::placeholder{color:#9ca3af}.portal-inquiry-detail__form-actions .portal-inquiry-detail__submit-button{padding:.75rem 1.5rem;background:#059669;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.portal-inquiry-detail__form-actions .portal-inquiry-detail__submit-button:hover:not(:disabled){background:#047857}.portal-inquiry-detail__form-actions .portal-inquiry-detail__submit-button:disabled{background:#9ca3af;cursor:not-allowed}.portal-inquiry-detail__type-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.portal-inquiry-detail__type-badge.secret{background:#fef3c7;color:#92400e}.portal-inquiry-detail__type-badge.public{background:#dbeafe;color:#059669}.portal-inquiry-detail__status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.portal-inquiry-detail__status-badge.pending{background:#fef2f2;color:#dc2626}.portal-inquiry-detail__status-badge.answered{background:#f0fdf4;color:#166534}.portal-inquiry-detail__error,.portal-inquiry-detail__loading{text-align:center;padding:3rem;font-size:1.125rem}.portal-inquiry-detail__error{color:#dc2626}@media(max-width:768px){.portal-inquiry-detail{padding:1rem}.portal-inquiry-detail__header-content{flex-direction:column;gap:1rem;align-items:flex-start}.portal-inquiry-detail__header-content h1{font-size:1.5rem}.portal-inquiry-detail__meta{grid-template-columns:1fr;gap:.75rem}.portal-inquiry-detail__meta .meta-item{flex-direction:column;align-items:flex-start;gap:.25rem}.portal-inquiry-detail__answer-content,.portal-inquiry-detail__answer-form form,.portal-inquiry-detail__answer-form-content,.portal-inquiry-detail__answer-form-header,.portal-inquiry-detail__answer-header,.portal-inquiry-detail__inquiry-content,.portal-inquiry-detail__inquiry-header{padding:1rem}}.portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.portal-login__container{width:100%;max-width:480px}.portal-login__header{text-align:center;margin-bottom:2.5rem}.portal-login__header .portal-login__title{font-size:2.25rem;font-weight:700;color:#f8c300;margin:0 0 .75rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.portal-login__header .portal-login__description{font-size:1.125rem;color:#6b7280;margin:0;line-height:1.5}.portal-login__content{background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;overflow:hidden}.portal-login__card{padding:2.5rem}.portal-login__user-type-selector{margin-bottom:2.5rem}.portal-login__user-type-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.portal-login__user-type-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px}.portal-login__user-type-option:hover{border-color:#f8c300;transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(248,195,0,.15)}.portal-login__user-type-option.active{border-color:#f8c300;background:linear-gradient(135deg,#fff5d7,#fef3c7);box-shadow:0 8px 25px -5px rgba(248,195,0,.2)}.portal-login__user-type-option.active:after{content:"✓";position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;background:#f8c300;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.portal-login__user-type-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.portal-login__user-type-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.portal-login__user-type-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.portal-login__user-type-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.portal-login__form{margin-bottom:2rem}.portal-login__form-group{margin-bottom:1.75rem;position:relative}.portal-login__form-group:last-child{margin-bottom:0}.portal-login__form-label{display:block;font-weight:600;color:#374151;margin-bottom:.625rem;font-size:.875rem;letter-spacing:.025em;transition:color .2s ease}.portal-login__form-input{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:500;transition:all .2s ease;background:#fff;color:#1f2937;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05)}.portal-login__form-input:focus{outline:none;border-color:#f8c300;box-shadow:0 0 0 4px rgba(248,195,0,.1),0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.portal-login__form-input:hover:not(:focus){border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.1)}.portal-login__form-input::placeholder{color:#9ca3af;font-weight:400}.portal-login__form-input[type=password]{letter-spacing:.125em}.portal-login__error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;position:relative}.portal-login__error:before{content:"⚠️";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem}.portal-login__error p{color:#dc2626;margin:0 0 0 1.5rem;font-size:.875rem;font-weight:500;line-height:1.4}.portal-login__submit-button{width:100%;padding:1.125rem 1.5rem;background:linear-gradient(135deg,#f8c300,#ffd886);color:#1f2937;border:none;border-radius:10px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow:hidden;letter-spacing:.025em}.portal-login__submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.portal-login__submit-button:after{content:"→";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.25rem;transition:transform .2s ease}.portal-login__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(248,195,0,.3),0 4px 10px -5px rgba(0,0,0,.1)}.portal-login__submit-button:hover:not(:disabled):before{left:100%}.portal-login__submit-button:hover:not(:disabled):after{transform:translateY(-50%) translateX(4px)}.portal-login__submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.portal-login__submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.portal-login__submit-button:disabled:after,.portal-login__submit-button:disabled:before{display:none}.portal-login__footer{text-align:center;padding-top:2rem;border-top:1px solid #e5e7eb;margin-top:2rem}.portal-login__footer-text{color:#6b7280;font-size:.875rem;margin:0 0 1rem;line-height:1.5}.portal-login__home-link{display:inline-flex;align-items:center;gap:.5rem;color:#f8c300;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;padding:.5rem 1rem;border-radius:6px}.portal-login__home-link:hover{color:#e6b800;background:rgba(248,195,0,.1);text-decoration:none}.portal-login__home-link:before{content:"←";font-size:1rem}@media(max-width:640px){.portal-login{padding:1rem}.portal-login__header{margin-bottom:2rem}.portal-login__header .portal-login__title{font-size:1.875rem}.portal-login__header .portal-login__description{font-size:1rem}.portal-login__card{padding:1.5rem}.portal-login__user-type-options{grid-template-columns:1fr;gap:.75rem}.portal-login__user-type-option{flex-direction:row;text-align:left;padding:1rem;min-height:auto}.portal-login__user-type-option .portal-login__user-type-icon{font-size:2rem;margin-bottom:0;margin-right:1rem}.portal-login__submit-button{padding:.875rem 1.25rem}}@media(prefers-color-scheme:dark){.portal-login:before{background:rgba(17,24,39,.95)}.portal-login__header .portal-login__title{color:#f9fafb}.portal-login__header .portal-login__description{color:#d1d5db}.portal-login__content{background:#1f2937;border-color:#374151}.portal-login__user-type-option{background:#374151;border-color:#4b5563}.portal-login__user-type-option:hover{border-color:#f8c300}.portal-login__user-type-option.active{background:linear-gradient(135deg,#4b5563,#374151)}.portal-login__user-type-title{color:#f9fafb}.portal-login__form-label,.portal-login__user-type-description{color:#d1d5db}.portal-login__form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.portal-login__form-input:focus{border-color:#f8c300}.portal-login__form-input:hover{border-color:#6b7280}.portal-login__form-input::placeholder{color:#9ca3af}.portal-login__footer{border-top-color:#4b5563}.portal-login__footer-text{color:#d1d5db}}.admin-portal,.admin-portal *{color-scheme:light!important}.admin-portal main{margin:0!important;padding:0!important}.admin-portal .admin-add-page,.admin-portal .dashboard,.admin-portal .portal-inquiry,.admin-portal .portal__container,.admin-portal main,.admin-portal main>*{max-width:none!important}@media(prefers-color-scheme:dark){.admin-portal{background-color:#fff!important;color:#1f2937!important}}.portal h1,[data-page-type=portal] h1{color:#f8c300!important}.portal__title{font-size:1.5rem;font-weight:700;color:#f8c300;margin-bottom:1.5rem}.portal__container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.portal__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.portal__card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem}.portal__button{background:linear-gradient(135deg,#f8c300,#ffd886);color:#1f2937;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.portal__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(248,195,0,.3)}.portal__button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.portal__table{width:100%;border-collapse:collapse;margin-top:1rem}.portal__table td,.portal__table th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.portal__table th{font-weight:600;color:#374151}.portal__table th,.portal__table tr:hover{background:#f9fafb}.portal__form .portal__form-group{margin-bottom:1rem}.portal__form .portal__form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.portal__form .portal__form-group input,.portal__form .portal__form-group select,.portal__form .portal__form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease}.portal__form .portal__form-group input:focus,.portal__form .portal__form-group select:focus,.portal__form .portal__form-group textarea:focus{outline:none;border-color:#f8c300;box-shadow:0 0 0 3px rgba(248,195,0,.1)}.portal-logo{transition:opacity .2s ease}.portal-logo:hover{opacity:.8}.portal-title{font-size:clamp(1rem,2.2vw,1.25rem);cursor:pointer;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.portal__container{padding:1rem}.portal__title{font-size:1.25rem}.portal__card{padding:1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-portal header{background:var(--background-light,#ffffff);border-bottom:1px solid var(--border,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1400px;margin:0 auto}.admin-portal header .header-content{margin:0;max-width:none}.header-left{gap:.75rem;min-width:0}.header-left,.header-right{display:flex;align-items:center}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:rgba(0,0,0,0);border:0;padding:0;cursor:pointer;margin-right:12px;position:relative;z-index:200}.hamburger-menu span{display:block;width:100%;height:2px;background:var(--sidebar-text,#ffffff);border-radius:1px;transition:background var(--transition-fast,.15s ease-in-out)}.hamburger-menu:hover span{background:var(--primary,#f8c300)}.admin-portal .main-container{min-height:calc(100vh - 64px)}.admin-portal aside{border-right:1px solid var(--border,#e5e7eb);background:var(--background-light,#fff)}@media(max-width:1024px){.admin-portal header .hamburger-menu{display:flex}.admin-portal header nav .header-right{gap:0}.admin-portal .main-container{position:relative}.admin-portal aside{position:fixed;top:64px;left:0;height:calc(100vh - 64px);transform:translateX(-100%);transition:transform var(--transition-normal,.3s ease-in-out);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1));z-index:150;width:260px}.admin-portal .sidebar-toggle:checked~.main-container aside{transform:translateX(0)}.admin-portal .sidebar-toggle:not(:checked)~header .hamburger-menu span{background:#fff}.admin-portal .sidebar-toggle:checked~header .hamburger-menu span{background:var(--primary,#f8c300)}.admin-portal header .header-content{margin:0}}@media(max-width:768px){.header-content{padding:.75rem 1rem}.header-left{gap:.75rem}.portal-title{font-size:clamp(.95rem,4.2vw,1.05rem)}}@media(max-width:480px){.header-content{padding:.5rem .75rem}.portal-title{font-size:clamp(.9rem,4.5vw,1rem)}}@media(min-width:1025px){.admin-portal header .header-content{max-width:none;margin:0 0 0 var(--portal-sidebar-width,280px);padding-left:1.5rem;padding-right:1.5rem}}.dashboard{max-width:1000px;margin:0 auto;padding:0 1rem;space-y:2rem}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:16rem}.dashboard-loading .loading-text{font-size:1.125rem;font-weight:500}.dashboard-error{text-align:center;color:#dc2626}.dashboard-error p{margin:0}.dashboard-header{margin-bottom:2rem}.dashboard-header .dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.dashboard-header .dashboard-subtitle{color:#6b7280;margin-bottom:1rem}.dashboard-header .dashboard-status{display:flex;align-items:center;gap:.75rem}.dashboard-header .dashboard-status .status-badge{padding:.25rem .75rem;font-size:.875rem;border-radius:9999px;font-weight:500}.dashboard-header .dashboard-status .status-badge.status-admin{background-color:#dbeafe;color:#1e40af}.dashboard-header .dashboard-status .status-badge.status-guest{background-color:#f3f4f6;color:#374151}.dashboard-header .dashboard-status .realtime-status{padding:.25rem .75rem;font-size:.875rem;background-color:#ecfdf5;color:#059669;border-radius:9999px;font-weight:500;animation:pulse 2s infinite;display:flex;align-items:center;gap:.5rem}.dashboard-header .dashboard-status .realtime-status .last-update-time{font-size:.75rem;opacity:.8}.dashboard-header .dashboard-status .logout-button{padding:.25rem .75rem;font-size:.875rem;background-color:#fef2f2;color:#dc2626;border-radius:9999px;border:none;cursor:pointer;transition:background-color .2s ease}.dashboard-header .dashboard-status .logout-button:hover{background-color:#fee2e2}.animated-number{transition:all .3s ease}.animated-number.updating{color:var(--primary);transform:scale(1.05)}.visitor-stats-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto 3rem}@media(max-width:767px){.visitor-stats-section{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}}.visitor-stats-section .card-visitor-stats{background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden}.visitor-stats-section .card-visitor-stats:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.visitor-stats-section .card-visitor-stats .visitor-stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.visitor-stats-section .card-visitor-stats .visitor-stat-header .visitor-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%}.visitor-stats-section .card-visitor-stats .visitor-stat-header .visitor-title{font-size:1.25rem;font-weight:600;color:#1f2937}.visitor-stats-section .card-visitor-stats .visitor-main-number{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1}.visitor-stats-section .card-visitor-stats .visitor-main-label{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;font-weight:500}.visitor-stats-section .card-visitor-stats .visitor-details{display:flex;flex-direction:column;gap:.75rem}.visitor-stats-section .card-visitor-stats .visitor-details .visitor-period{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.visitor-stats-section .card-visitor-stats .visitor-details .visitor-period:last-child{border-bottom:none}.visitor-stats-section .card-visitor-stats .visitor-details .visitor-period .period-label{font-size:.875rem;color:#6b7280;font-weight:500}.visitor-stats-section .card-visitor-stats .visitor-details .visitor-period .period-value{font-size:1rem;font-weight:600;color:#1f2937}.visitor-stats-section .card-visitor-stats .bot-tags{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.visitor-stats-section .card-visitor-stats .bot-tags .tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.visitor-stats-section .card-visitor-stats .bot-tags .tag-container .bot-tag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.visitor-stats-section .card-visitor-stats .bot-tags .tag-container .bot-tag-more{background:#e5e7eb;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto 2rem}@media(max-width:1023px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.stats-section{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.stat-card .stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-card .stat-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.stat-card .stat-details{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.stat-card .progress-container{margin-bottom:1rem}.stat-card .progress-container .progress-bar{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.5rem;margin-bottom:.25rem}.stat-card .progress-container .progress-bar .progress-fill{height:100%;border-radius:9999px;transition:width .5s ease;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stat-card .progress-container .progress-bar .progress-fill.progress-success{background:linear-gradient(90deg,#10b981,#059669)}.stat-card .progress-container .progress-text{font-size:.75rem;color:#6b7280}.stat-card .department-tags,.stat-card .inquiry-tags,.stat-card .status-tags{margin-top:1rem}.stat-card .department-tags .tag-container,.stat-card .inquiry-tags .tag-container,.stat-card .status-tags .tag-container{display:flex;flex-wrap:wrap;gap:.25rem}.stat-card .department-tags .tag-container .department-tag,.stat-card .inquiry-tags .tag-container .department-tag,.stat-card .status-tags .tag-container .department-tag{padding:.25rem .5rem;font-size:.75rem;background-color:#dbeafe;color:#1e40af;border-radius:9999px}.stat-card .department-tags .tag-container .department-tag-more,.stat-card .inquiry-tags .tag-container .department-tag-more,.stat-card .status-tags .tag-container .department-tag-more{padding:.25rem .5rem;font-size:.75rem;background-color:#f3f4f6;color:#6b7280;border-radius:9999px}.stat-card .department-tags .tag-container .status-tag,.stat-card .inquiry-tags .tag-container .status-tag,.stat-card .status-tags .tag-container .status-tag{padding:.25rem .5rem;font-size:.75rem;border-radius:9999px}.stat-card .department-tags .tag-container .status-tag.status-active,.stat-card .inquiry-tags .tag-container .status-tag.status-active,.stat-card .status-tags .tag-container .status-tag.status-active{background-color:#dcfce7;color:#166534}.stat-card .department-tags .tag-container .status-tag.status-inactive,.stat-card .inquiry-tags .tag-container .status-tag.status-inactive,.stat-card .status-tags .tag-container .status-tag.status-inactive{background-color:#fef2f2;color:#dc2626}.stat-card .department-tags .tag-container .status-tag.status-pinned,.stat-card .inquiry-tags .tag-container .status-tag.status-pinned,.stat-card .status-tags .tag-container .status-tag.status-pinned{background-color:#fef3c7;color:#92400e}.stat-card .department-tags .tag-container .status-tag.status-secret,.stat-card .inquiry-tags .tag-container .status-tag.status-secret,.stat-card .status-tags .tag-container .status-tag.status-secret{background-color:#f3e8ff;color:#7c3aed}.stat-card .department-tags .tag-container .status-tag.status-public,.stat-card .inquiry-tags .tag-container .status-tag.status-public,.stat-card .status-tags .tag-container .status-tag.status-public{background-color:#f3f4f6;color:#374151}.stat-card .history-info{margin-top:1rem}.stat-card .history-info .history-text{font-size:.75rem;color:#6b7280}.action-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:2rem}.action-section .section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#374151}.action-section .action-buttons{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:768px){.action-section .action-buttons{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.action-section .action-buttons{grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto}}.action-section .action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s ease;cursor:pointer;border:1px solid rgba(0,0,0,0);text-decoration:none;text-align:center}.action-section .action-button span{font-size:1rem}.action-section .action-button.action-primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-primary:hover:not(.action-disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-secondary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-secondary:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-success:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-warning:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-info:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-purple:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.action-section .action-button.action-dark{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-section .action-button.action-dark:hover:not(.action-disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(55,65,81,.4)}.action-section .action-button.action-disabled{opacity:.5;cursor:pointer}.action-section .action-button.action-disabled:hover{opacity:.7}.action-section .guest-notice{margin-top:1rem;padding:.75rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.action-section .guest-notice .guest-notice-text{font-size:.875rem;color:#1e40af;margin:0}.activity-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:2rem}.activity-section .section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#374151}.activity-section .activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-section .activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:8px}.activity-section .activity-item .activity-indicator{width:.5rem;height:.5rem;border-radius:50%}.activity-section .activity-item .activity-indicator.activity-success{background-color:#10b981}.activity-section .activity-item .activity-indicator.activity-info{background-color:#3b82f6}.activity-section .activity-item .activity-indicator.activity-purple{background-color:#8b5cf6}.activity-section .activity-item .activity-indicator.activity-emerald{background-color:#10b981}.activity-section .activity-item .activity-indicator.activity-orange{background-color:#f59e0b}.activity-section .activity-item .activity-text{font-size:.875rem;color:#374151;flex:1 1}.activity-section .activity-item .activity-time{font-size:.75rem;color:#6b7280;margin-left:auto}.system-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:2rem}.system-section .section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#374151}.system-section .system-status{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:768px){.system-section .system-status{grid-template-columns:repeat(3,1fr)}}.system-section .status-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px}.system-section .status-item.status-healthy{background-color:#f0fdf4}.system-section .status-item.status-info{background-color:#eff6ff}.system-section .status-item.status-purple{background-color:#faf5ff}.system-section .status-item .status-indicator{width:.75rem;height:.75rem;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.system-section .status-item .status-indicator.status-healthy-indicator{background-color:#10b981}.system-section .status-item .status-indicator.status-info-indicator{background-color:#3b82f6}.system-section .status-item .status-indicator.status-purple-indicator{background-color:#8b5cf6}.system-section .status-item .status-content .status-title{font-weight:500;color:#374151;margin-bottom:.25rem}.system-section .status-item .status-content .status-subtitle{font-size:.875rem;color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.dashboard{padding:0 .5rem}.dashboard-header .dashboard-title{font-size:1.5rem}.stats-section{gap:1rem}.stat-card{padding:1rem}.stat-card .stat-number{font-size:2rem}.action-section,.activity-section,.system-section{padding:1rem}.action-buttons,.system-status{grid-template-columns:1fr}}.admin-add-page{min-height:100vh;padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.admin-add-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);padding:2.5rem;width:100%;max-width:500px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-add-header{text-align:center;margin-bottom:2rem}.admin-add-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-add-header p{color:#6b7280;font-size:1rem}.admin-add-form .form-group{margin-bottom:1.5rem}.admin-add-form .form-group label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.875rem}.admin-add-form .form-group .form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#f9fafb}.admin-add-form .form-group .form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-add-form .form-group .form-input::placeholder{color:#9ca3af}.admin-add-form .message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.admin-add-form .message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.admin-add-form .message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.admin-add-form .form-actions{display:flex;gap:1rem;margin-bottom:2rem}.admin-add-form .form-actions .btn,.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .add-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .cancel-btn,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .submit-btn,.admin-add-form .form-actions .greeting-management .page-header .add-button,.admin-add-form .greeting-management .modal-form .form-actions .cancel-btn,.admin-add-form .greeting-management .modal-form .form-actions .submit-btn,.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .edit-button,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .submit-btn,.greeting-management .modal-form .admin-add-form .form-actions .cancel-btn,.greeting-management .modal-form .admin-add-form .form-actions .submit-btn,.greeting-management .page-header .admin-add-form .form-actions .add-button{flex:1 1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.admin-add-form .form-actions .btn:disabled,.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .add-button:disabled,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button:disabled,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button:disabled,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .cancel-btn:disabled,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .submit-btn:disabled,.admin-add-form .form-actions .greeting-management .page-header .add-button:disabled,.admin-add-form .greeting-management .modal-form .form-actions .cancel-btn:disabled,.admin-add-form .greeting-management .modal-form .form-actions .submit-btn:disabled,.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .add-button:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .delete-button:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .edit-button:disabled,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .cancel-btn:disabled,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .submit-btn:disabled,.greeting-management .modal-form .admin-add-form .form-actions .cancel-btn:disabled,.greeting-management .modal-form .admin-add-form .form-actions .submit-btn:disabled,.greeting-management .page-header .admin-add-form .form-actions .add-button:disabled{opacity:.6;cursor:not-allowed}.admin-add-form .form-actions .btn.btn-primary,.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .add-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.delete-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.edit-button,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-primary.cancel-btn,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .submit-btn,.admin-add-form .form-actions .greeting-management .page-header .add-button,.admin-add-form .greeting-management .modal-form .form-actions .btn-primary.cancel-btn,.admin-add-form .greeting-management .modal-form .form-actions .page-header .cancel-btn.add-button,.admin-add-form .greeting-management .modal-form .form-actions .submit-btn,.admin-add-form .greeting-management .page-header .modal-form .form-actions .cancel-btn.add-button,.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-primary.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-primary.edit-button,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-primary.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .submit-btn,.greeting-management .modal-form .admin-add-form .form-actions .btn-primary.cancel-btn,.greeting-management .modal-form .admin-add-form .form-actions .page-header .cancel-btn.add-button,.greeting-management .modal-form .admin-add-form .form-actions .submit-btn,.greeting-management .page-header .admin-add-form .form-actions .add-button{color:#fff}.admin-add-form .form-actions .btn.btn-primary:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .add-button:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.delete-button:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.edit-button:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-primary.cancel-btn:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .submit-btn:hover:not(:disabled),.admin-add-form .form-actions .greeting-management .page-header .add-button:hover:not(:disabled),.admin-add-form .greeting-management .modal-form .form-actions .btn-primary.cancel-btn:hover:not(:disabled),.admin-add-form .greeting-management .modal-form .form-actions .submit-btn:hover:not(:disabled),.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .add-button:hover:not(:disabled),.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-primary.delete-button:hover:not(:disabled),.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-primary.edit-button:hover:not(:disabled),.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-primary.cancel-btn:hover:not(:disabled),.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .submit-btn:hover:not(:disabled),.greeting-management .modal-form .admin-add-form .form-actions .btn-primary.cancel-btn:hover:not(:disabled),.greeting-management .modal-form .admin-add-form .form-actions .submit-btn:hover:not(:disabled),.greeting-management .page-header .admin-add-form .form-actions .add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(102,126,234,.4)}.admin-add-form .form-actions .btn.btn-secondary,.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .btn-secondary.add-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.delete-button,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.edit-button,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-secondary.cancel-btn,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-secondary.submit-btn,.admin-add-form .form-actions .greeting-management .page-header .btn-secondary.add-button,.admin-add-form .greeting-management .modal-form .form-actions .btn-secondary.cancel-btn,.admin-add-form .greeting-management .modal-form .form-actions .btn-secondary.submit-btn,.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .btn-secondary.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-secondary.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-secondary.edit-button,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-secondary.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-secondary.submit-btn,.greeting-management .modal-form .admin-add-form .form-actions .btn-secondary.cancel-btn,.greeting-management .modal-form .admin-add-form .form-actions .btn-secondary.submit-btn,.greeting-management .page-header .admin-add-form .form-actions .btn-secondary.add-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.admin-add-form .form-actions .btn.btn-secondary:hover,.admin-add-form .form-actions .greeting-management .greeting-list .empty-state .btn-secondary.add-button:hover,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.delete-button:hover,.admin-add-form .form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.edit-button:hover,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-secondary.cancel-btn:hover,.admin-add-form .form-actions .greeting-management .modal-confirm .modal-actions .btn-secondary.submit-btn:hover,.admin-add-form .form-actions .greeting-management .page-header .btn-secondary.add-button:hover,.admin-add-form .greeting-management .modal-form .form-actions .btn-secondary.cancel-btn:hover,.admin-add-form .greeting-management .modal-form .form-actions .btn-secondary.submit-btn:hover,.greeting-management .greeting-list .empty-state .admin-add-form .form-actions .btn-secondary.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-secondary.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-add-form .form-actions .btn-secondary.edit-button:hover,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-secondary.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-add-form .form-actions .btn-secondary.submit-btn:hover,.greeting-management .modal-form .admin-add-form .form-actions .btn-secondary.cancel-btn:hover,.greeting-management .modal-form .admin-add-form .form-actions .btn-secondary.submit-btn:hover,.greeting-management .page-header .admin-add-form .form-actions .btn-secondary.add-button:hover{background:#e5e7eb;border-color:#9ca3af}.admin-add-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.admin-add-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.admin-add-info ul{list-style:none;padding:0;margin:0}.admin-add-info ul li{color:#4b5563;position:relative;padding:.5rem 0 .5rem 1.5rem}.admin-add-info ul li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.admin-add-info ul li:not(:last-child){border-bottom:1px solid #e5e7eb}@media(max-width:640px){.admin-add-container{padding:2rem 1.5rem;margin:1rem}.admin-add-header h1{font-size:1.75rem}.form-actions{flex-direction:column}.form-actions .btn,.form-actions .greeting-management .greeting-list .empty-state .add-button,.form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button,.form-actions .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.form-actions .greeting-management .modal-confirm .modal-actions .cancel-btn,.form-actions .greeting-management .modal-confirm .modal-actions .submit-btn,.form-actions .greeting-management .page-header .add-button,.greeting-management .greeting-list .empty-state .form-actions .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .form-actions .delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .form-actions .edit-button,.greeting-management .modal-confirm .modal-actions .form-actions .cancel-btn,.greeting-management .modal-confirm .modal-actions .form-actions .submit-btn,.greeting-management .modal-form .form-actions .cancel-btn,.greeting-management .modal-form .form-actions .submit-btn,.greeting-management .page-header .form-actions .add-button{width:100%}}.auto-logout-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.auto-logout-modal__overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auto-logout-modal__content{position:relative;background-color:var(--background-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:28rem;width:calc(100% - 2rem);margin:0 1rem;box-shadow:var(--shadow-xl);text-align:center}.auto-logout-modal__header{margin-bottom:var(--spacing-lg)}.auto-logout-modal__header .auto-logout-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.auto-logout-modal__header .auto-logout-modal__description{color:var(--text-muted);line-height:1.5;margin:0}.auto-logout-modal__progress{margin-bottom:var(--spacing-lg)}.auto-logout-modal__progress .auto-logout-modal__progress-bar{width:100%;height:.5rem;background-color:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.auto-logout-modal__progress .auto-logout-modal__progress-fill{height:100%;background:linear-gradient(90deg,var(--error) 0,var(--warning) 100%);border-radius:var(--radius-full);transition:width 1s ease-in-out}.auto-logout-modal__progress .auto-logout-modal__countdown{font-size:.875rem;color:var(--text-muted);margin:0}.auto-logout-modal__actions{display:flex;gap:var(--spacing-md)}.auto-logout-modal__actions .auto-logout-modal__btn{flex:1 1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);line-height:1.4}.auto-logout-modal__actions .auto-logout-modal__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.auto-logout-modal__actions .auto-logout-modal__btn:active{transform:translateY(0)}.auto-logout-modal__actions .auto-logout-modal__btn--primary{background:var(--gradient-primary);color:var(--text-primary);font-weight:600}.auto-logout-modal__actions .auto-logout-modal__btn--primary:hover{background:var(--gradient-secondary)}.auto-logout-modal__actions .auto-logout-modal__btn--secondary{background-color:var(--muted);color:var(--background-light)}.auto-logout-modal__actions .auto-logout-modal__btn--secondary:hover{background-color:var(--text-muted)}@media(max-width:640px){.auto-logout-modal__content{padding:var(--spacing-lg);margin:0 .5rem}.auto-logout-modal__actions{flex-direction:column;gap:var(--spacing-sm)}.auto-logout-modal__actions .auto-logout-modal__btn{width:100%}}@media(prefers-color-scheme:dark){.auto-logout-modal__content{background-color:var(--background);border:1px solid var(--border)}.auto-logout-modal__title{color:var(--foreground)}.auto-logout-modal__countdown,.auto-logout-modal__description{color:var(--muted-foreground)}}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#f9fafb;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.03);padding:10px 16px;border-radius:8px 8px 0 0}.editor-toolbar button,.editor-toolbar select{border:none;background:none;margin:0 2px;padding:6px 8px;border-radius:6px;font-size:16px;color:#333;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.editor-toolbar button.is-active,.editor-toolbar button:active,.editor-toolbar select.is-active,.editor-toolbar select:active{background:#e3f0ff;color:#1976d2;box-shadow:0 2px 8px rgba(25,118,210,.08)}.editor-toolbar button:hover,.editor-toolbar select:hover{background:#f0f4f8;color:#1976d2}.editor-toolbar button:disabled,.editor-toolbar select:disabled{opacity:.5;cursor:not-allowed}.editor-toolbar select{background:#f7f7f7;border:1px solid #d0d0d0;font-size:15px;border-radius:6px;padding:4px 8px;min-width:80px;cursor:pointer}.color-picker-container{position:relative;display:inline-block;pointer-events:auto}.color-picker-popover{border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:8px;background:#fff;border:1px solid #e0e0e0;position:absolute;z-index:9999;top:36px;left:0;pointer-events:auto}.color-picker-popover button{margin-top:10px;padding:5px 10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%}.color-picker-popover button:hover{background:#0056b3}.editor-container,.tiptap{position:relative;outline:none;min-height:320px}.tiptap{padding:20px;background:#fff;cursor:text;z-index:1}.tiptap-loading{height:400px;display:flex;align-items:center;justify-content:center;background:var(--background-light,#fff);border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius,4px);color:var(--muted-foreground,#999)}:global(.ProseMirror){outline:none;cursor:text;position:relative;word-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:none;font-feature-settings:none;font-variant-ligatures:none;padding:4px 8px 4px 14px;line-height:1.5;overflow-wrap:break-word;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;min-width:1px}:global(.ProseMirror) p{margin:.1em 0;cursor:text;min-width:1px}:global(.ProseMirror) h1,:global(.ProseMirror) h2,:global(.ProseMirror) h3{margin:.1em 0 .05em;cursor:text;min-width:1px}:global(.ProseMirror) ol,:global(.ProseMirror) ul{margin:1em 0;padding-left:2em;cursor:text;min-width:1px}:global(.ProseMirror) li{margin:.5em 0;cursor:text;min-width:1px}:global(.ProseMirror) table{border-collapse:collapse;margin:1em 0;width:100%;cursor:text;min-width:1px}:global(.ProseMirror) table td,:global(.ProseMirror) table th{border:1px solid #ddd;padding:8px;cursor:text;min-width:1px}:global(.ProseMirror) table th{background:#f5f5f5;font-weight:700;cursor:text;min-width:1px}:global(.ProseMirror) img{max-width:100%;height:auto;display:block;margin:1em 0;cursor:text}:global(.ProseMirror) mark{background:#ffeb3b;padding:.1em .2em;border-radius:2px;cursor:text}:global(.ProseMirror) .tiptap-highlight{background:#ffeb3b;padding:.1em .2em;border-radius:2px;cursor:text}:global(.ProseMirror) a{color:#007bff;text-decoration:underline;cursor:pointer}:global(.ProseMirror) a:hover{color:#0056b3;cursor:pointer}:global(.ProseMirror) blockquote{border-left:4px solid #ddd;margin:1em 0;padding-left:1em;font-style:italic}:global(.ProseMirror) code{background:#f5f5f5;padding:.2em .4em;border-radius:3px;font-family:monospace}:global(.ProseMirror) pre{background:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto}:global(.ProseMirror) pre code{background:none;padding:0}.editor-paragraph{margin:0!important;line-height:1.2!important}.editor-paragraph:first-child{margin-top:0!important}.editor-paragraph:last-child{margin-bottom:0!important}.tiptap p{margin:0!important;line-height:1.2!important}:global(.ProseMirror) p{margin:0!important;line-height:1.2!important}.line-break{display:inline-block;height:.8em;vertical-align:baseline}.banner-description .editor-paragraph{margin:0!important}.banner-description .line-break{height:.2em!important}.banner-description p{margin:0!important;line-height:1.1!important}.mt0{margin-top:0!important}.pt0{padding-top:0!important}.mb0{margin-bottom:0!important}.pb0{padding-bottom:0!important}.ml0{margin-left:0!important}.pl0{padding-left:0!important}.mr0{margin-right:0!important}.pr0{padding-right:0!important}.mt5{margin-top:5px!important}.pt5{padding-top:5px!important}.mb5{margin-bottom:5px!important}.pb5{padding-bottom:5px!important}.ml5{margin-left:5px!important}.pl5{padding-left:5px!important}.mr5{margin-right:5px!important}.pr5{padding-right:5px!important}.mt8{margin-top:8px!important}.pt8{padding-top:8px!important}.mb8{margin-bottom:8px!important}.pb8{padding-bottom:8px!important}.ml8{margin-left:8px!important}.pl8{padding-left:8px!important}.mr8{margin-right:8px!important}.pr8{padding-right:8px!important}.mt10{margin-top:10px!important}.pt10{padding-top:10px!important}.mb10{margin-bottom:10px!important}.pb10{padding-bottom:10px!important}.ml10{margin-left:10px!important}.pl10{padding-left:10px!important}.mr10{margin-right:10px!important}.pr10{padding-right:10px!important}.mt12{margin-top:12px!important}.pt12{padding-top:12px!important}.mb12{margin-bottom:12px!important}.pb12{padding-bottom:12px!important}.ml12{margin-left:12px!important}.pl12{padding-left:12px!important}.mr12{margin-right:12px!important}.pr12{padding-right:12px!important}.mt15{margin-top:15px!important}.pt15{padding-top:15px!important}.mb15{margin-bottom:15px!important}.pb15{padding-bottom:15px!important}.ml15{margin-left:15px!important}.pl15{padding-left:15px!important}.mr15{margin-right:15px!important}.pr15{padding-right:15px!important}.mt16{margin-top:16px!important}.pt16{padding-top:16px!important}.mb16{margin-bottom:16px!important}.pb16{padding-bottom:16px!important}.ml16{margin-left:16px!important}.pl16{padding-left:16px!important}.mr16{margin-right:16px!important}.pr16{padding-right:16px!important}.mt20{margin-top:20px!important}.pt20{padding-top:20px!important}.mb20{margin-bottom:20px!important}.pb20{padding-bottom:20px!important}.ml20{margin-left:20px!important}.pl20{padding-left:20px!important}.mr20{margin-right:20px!important}.pr20{padding-right:20px!important}.mt24{margin-top:24px!important}.pt24{padding-top:24px!important}.mb24{margin-bottom:24px!important}.pb24{padding-bottom:24px!important}.ml24{margin-left:24px!important}.pl24{padding-left:24px!important}.mr24{margin-right:24px!important}.pr24{padding-right:24px!important}.mt30{margin-top:30px!important}.pt30{padding-top:30px!important}.mb30{margin-bottom:30px!important}.pb30{padding-bottom:30px!important}.ml30{margin-left:30px!important}.pl30{padding-left:30px!important}.mr30{margin-right:30px!important}.pr30{padding-right:30px!important}.mt32{margin-top:32px!important}.pt32{padding-top:32px!important}.mb32{margin-bottom:32px!important}.pb32{padding-bottom:32px!important}.ml32{margin-left:32px!important}.pl32{padding-left:32px!important}.mr32{margin-right:32px!important}.pr32{padding-right:32px!important}.mt35{margin-top:35px!important}.pt35{padding-top:35px!important}.mb35{margin-bottom:35px!important}.pb35{padding-bottom:35px!important}.ml35{margin-left:35px!important}.pl35{padding-left:35px!important}.mr35{margin-right:35px!important}.pr35{padding-right:35px!important}.mt40{margin-top:40px!important}.pt40{padding-top:40px!important}.mb40{margin-bottom:40px!important}.pb40{padding-bottom:40px!important}.ml40{margin-left:40px!important}.pl40{padding-left:40px!important}.mr40{margin-right:40px!important}.pr40{padding-right:40px!important}.mt45{margin-top:45px!important}.pt45{padding-top:45px!important}.mb45{margin-bottom:45px!important}.pb45{padding-bottom:45px!important}.ml45{margin-left:45px!important}.pl45{padding-left:45px!important}.mr45{margin-right:45px!important}.pr45{padding-right:45px!important}.mt50{margin-top:50px!important}.pt50{padding-top:50px!important}.mb50{margin-bottom:50px!important}.pb50{padding-bottom:50px!important}.ml50{margin-left:50px!important}.pl50{padding-left:50px!important}.mr50{margin-right:50px!important}.pr50{padding-right:50px!important}.mt56{margin-top:56px!important}.pt56{padding-top:56px!important}.mb56{margin-bottom:56px!important}.pb56{padding-bottom:56px!important}.ml56{margin-left:56px!important}.pl56{padding-left:56px!important}.mr56{margin-right:56px!important}.pr56{padding-right:56px!important}.mt72{margin-top:72px!important}.pt72{padding-top:72px!important}.mb72{margin-bottom:72px!important}.pb72{padding-bottom:72px!important}.ml72{margin-left:72px!important}.pl72{padding-left:72px!important}.mr72{margin-right:72px!important}.pr72{padding-right:72px!important}.mt80{margin-top:80px!important}.pt80{padding-top:80px!important}.mb80{margin-bottom:80px!important}.pb80{padding-bottom:80px!important}.ml80{margin-left:80px!important}.pl80{padding-left:80px!important}.mr80{margin-right:80px!important}.pr80{padding-right:80px!important}.mt100{margin-top:100px!important}.pt100{padding-top:100px!important}.mb100{margin-bottom:100px!important}.pb100{padding-bottom:100px!important}.ml100{margin-left:100px!important}.pl100{padding-left:100px!important}.mr100{margin-right:100px!important}.pr100{padding-right:100px!important}.fc-brown{color:#8f4c4a}.align-righ{text-align:right}.align-left{text-align:left}.align-center{text-align:center}.title-40{font-size:4rem;font-weight:800}.fs-17{font-size:1.7rem}.rows{max-width:140rem;margin:0 auto}.wow-technology__section.left{width:80%;border-right:.1rem dashed #bba391}.wow-technology__section .visual-wrap{position:relative}.wow-technology__section .visual-wrap img{width:100%}.wow-technology__section .visual-wrap .visual-text{position:absolute;bottom:18%;left:18%}.wow-technology__section .visual-wrap .visual-text h2{font-size:6.5rem;font-weight:600;color:var(--heading2-color)}.wow-technology__section .tabs{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:row;width:100%}.wow-technology__section .tabs>div{background-color:#ecefe7;color:#a2a49f;font-size:2rem}.wow-technology__section .tabs>div.active{color:#fff;background:linear-gradient(180deg,#3a0f0e,#86413b,#b38474,#c9ad9d)}.wow-technology__section .img-title{width:50%}.img-section{pointer-events:none}.img-section .pc{display:block}@media(max-width:1419px){.img-section .pc{display:none}}.img-section .mobile{display:none}@media(max-width:1419px){.img-section .mobile{display:block}}.contact{width:100%;border-bottom:.1rem dashed #bba391;margin-bottom:10rem;position:relative;background-color:#fff;color:#000}.contact .rows{padding:10rem 0;border-right:.1rem dashed #bba391}@media(max-width:1419px){.contact .rows{padding:10rem 3rem;border-right:0}}.contact .rows:before{content:"";position:absolute;bottom:-.7rem;height:1rem;width:15rem;background:url(/common/bar_bottom.png) no-repeat;background-size:100%}.contact .contact-title{font-size:2.6rem;margin-bottom:4rem;font-weight:600}.contact .contact-wrap{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:2rem}@media(max-width:1419px){.contact .contact-wrap{flex-direction:column;gap:5rem}}.contact .contact-wrap>div{width:50%}@media(max-width:1419px){.contact .contact-wrap>div{width:100%}}.contact .contact-wrap h4{font-size:2.6rem;padding-bottom:1rem;border-bottom:1px solid #000;margin-bottom:4rem;font-weight:600}.contact .contact-wrap .offline .map{width:100%;height:30rem}.contact .contact-wrap .offline .map iframe{width:100%;height:100%;border:0}.contact .contact-wrap .offline .map-info{margin-top:2rem;font-size:1.7rem}.contact .contact-wrap .offline .map-info .item{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:row}.contact .contact-wrap .offline .map-info .item+.item{margin-top:1rem}.contact .contact-wrap .offline .map-info .item .title{font-weight:600;width:10rem}.input-wrap+.input-wrap{margin-top:4rem}.input-wrap{font-size:1.8rem;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:column}.input-wrap span{display:block;font-weight:600;margin-bottom:1rem}.input-wrap input[type=email],.input-wrap input[type=text],.input-wrap textarea{border:0;border-bottom:1px solid #737373;width:100%}.input-wrap textarea{height:20rem;resize:none}.input-wrap ::placeholder{color:#ddd}.submit-wrap{margin-top:4rem;text-align:center}.submit-wrap .submit-btn{background:linear-gradient(180deg,#3a0f0e,#86413b,#b38474,#c9ad9d);color:#fff;font-size:1.8rem;font-weight:600;padding:1.5rem 6rem;border:0;border-radius:.5rem;cursor:pointer;transition:opacity .3s ease}.submit-wrap .submit-btn:hover:not(:disabled){opacity:.9}.submit-wrap .submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-message{margin-top:2rem;padding:1.5rem;border-radius:.5rem;font-size:1.6rem;text-align:center}.submit-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.only-page{width:100%}.only-page__section{width:100%;margin-bottom:0;padding-bottom:0}.only-page__image{width:100%;height:auto;display:block}.only-page__image--offset{margin-left:2rem}@media(min-width:1024px){.only-page__image--offset{margin-left:0}}.only-page__text-container{padding:2rem}@media(min-width:768px){.only-page__text-container{padding:3rem 4rem}}@media(min-width:1024px){.only-page__text-container{padding:4rem 6rem;max-width:1200px;margin:0 auto}}.only-page__text-container--center{text-align:center}.only-page__text{font-size:1.3rem;font-weight:700;color:#401f1d;line-height:1.5;margin:0}@media(min-width:768px){.only-page__text{font-size:1.8rem;line-height:1.6}}@media(min-width:1024px){.only-page__text{font-size:2.2rem;line-height:1.7}}.only-page__title{font-size:2.5rem;font-weight:800;color:#401f1d;line-height:1.5;margin:0}@media(min-width:768px){.only-page__title{font-size:3.5rem;line-height:1.6}}@media(min-width:1024px){.only-page__title{font-size:4.5rem;line-height:1.7}}.only-page__brand{font-size:1rem;font-weight:400;color:#401f1d;line-height:1.5;margin-bottom:.5rem}@media(min-width:768px){.only-page__brand{font-size:1.3rem}}@media(min-width:1024px){.only-page__brand{font-size:1.5rem}}.only-page__friends-title{font-size:2.5rem;font-weight:800;color:#401f1d;line-height:1.3;margin-bottom:1rem}@media(min-width:768px){.only-page__friends-title{font-size:3.5rem;line-height:1.4}}@media(min-width:1024px){.only-page__friends-title{font-size:5rem;line-height:1.5}}.only-page__friends-subtitle{font-size:1.3rem;font-weight:700;color:#401f1d;line-height:1.5}@media(min-width:768px){.only-page__friends-subtitle{font-size:1.8rem}}@media(min-width:1024px){.only-page__friends-subtitle{font-size:2.5rem}}.only-page__healthcare-text{font-size:1.3rem;font-weight:700;color:#401f1d;line-height:1.5;margin-bottom:2rem}@media(min-width:768px){.only-page__healthcare-text{font-size:1.8rem;line-height:1.6;margin-bottom:3rem}}@media(min-width:1024px){.only-page__healthcare-text{font-size:2.2rem;line-height:1.7;margin-bottom:4rem}}.only-page__healthcare-highlight{font-size:1.5rem;font-weight:800;color:#8f4c4a;line-height:1.5;margin-bottom:2rem}@media(min-width:768px){.only-page__healthcare-highlight{font-size:2rem;line-height:1.6;margin-bottom:3rem}}@media(min-width:1024px){.only-page__healthcare-highlight{font-size:3rem;line-height:1.7;margin-bottom:4rem}}.only-page__section-2-pc{width:100%;height:auto}@media(min-width:1024px){.only-page__section-2-pc{display:block!important}}.only-page__section-2-mobile{padding:2rem}@media(min-width:1024px){.only-page__section-2-mobile{display:none!important}}:root{--background:#f7f7f7;--foreground:#2e2e2e;--muted:#aaaaaa;--muted-foreground:#aaaaaa;--background-light:#ffffff;--text-primary:#2e2e2e;--text-muted:#6b7280;--heading-color:#401f1d;--heading2-color:#8f4c4a;--primary:#f8c300;--primary-hover:#ffd886;--primary-light:#fff5d7;--primary-dark:#e6b800;--sidebar-bg:#2c3e50;--sidebar-text:#f7f7f7;--success:#48bb78;--success-light:#f0fff4;--warning:#ed8936;--warning-light:#fffbeb;--error:#f56565;--error-light:#fed7d7;--info:#4299e1;--info-light:#ebf8ff;--border:#e0e0e0;--border-hover:#d0d0d0;--border-focus:#f8c300;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--gradient-primary:linear-gradient(135deg,#f8c300,#ffd886);--gradient-secondary:linear-gradient(135deg,#fff5d7,#f8c300);--gradient-success:linear-gradient(135deg,#48bb78,#38a169);--gradient-warning:linear-gradient(135deg,#ed8936,#dd6b20);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}@media(prefers-color-scheme:dark){:root{--background:#0f1419;--foreground:#f7fafc;--muted:#4a5568;--muted-foreground:#718096;--primary:#667eea;--primary-hover:#5a67d8;--primary-light:#2d3748;--primary-dark:#4c51bf;--success:#48bb78;--success-light:#22543d;--warning:#ed8936;--warning-light:#744210;--error:#f56565;--error-light:#742a2a;--info:#4299e1;--info-light:#2a4365;--border:#2d3748;--border-hover:#4a5568;--border-focus:#667eea;--background-light:#1a202c;--text-primary:#f7fafc;--text-muted:#a0aec0}}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth;font-size:clamp(10px,.5208vw,14px)}body{color:var(--foreground);font-family:var(--font-nanum-square),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary)}button{cursor:pointer;border:none;outline:none;transition:var(--transition-fast);font-family:inherit}@media(prefers-color-scheme:dark){html{color-scheme:dark}}.todo-calendar-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.todo-calendar-page h1{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--foreground);font-weight:700;font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}body.admin-portal>footer,body.admin-portal>header{display:none!important}.admin-portal{min-height:100vh;background:var(--background);display:flex;flex-direction:column;--portal-sidebar-width:280px}.admin-portal header{background:var(--sidebar-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100;height:64px}.admin-portal header nav{height:100%}.admin-portal header nav .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 var(--spacing-xl)}.admin-portal header nav .header-left{display:flex;align-items:center}.admin-portal header nav .header-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.admin-portal header nav .header-content .header-right{gap:0}.admin-portal header nav .portal-title,.admin-portal header nav .text-xl{color:#f8c300;font-weight:700;font-size:1.25rem;margin:0;padding:0}.admin-portal header nav .user-info-container{display:flex;align-items:center;gap:.75rem;margin-right:0}.admin-portal header nav .user-info{display:none}.admin-portal header nav .login-btn,.admin-portal header nav .logout-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.admin-portal header nav .login-btn{background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.admin-portal header nav .login-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.admin-portal header nav .login-btn:active{transform:translateY(0)}.admin-portal header nav .logout-btn{background:#ef4444;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.admin-portal header nav .logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.admin-portal header nav .logout-btn:active{transform:translateY(0)}@media(max-width:1024px){.admin-portal header nav .header-content{padding:0 var(--spacing-lg);margin-left:0}.admin-portal .admin-portal header nav .header-right{gap:0}}@media(min-width:1025px){.admin-portal header nav .header-content{margin-left:var(--portal-sidebar-width,280px);width:auto;padding-left:var(--spacing-xl);padding-right:calc(var(--spacing-xl) + max((100vw - var(--portal-sidebar-width, 280px) - 1200px)/2,0px));margin-right:0;transition:margin var(--transition-normal,.3s ease-in-out),padding var(--transition-normal,.3s ease-in-out)}.admin-portal .admin-portal header nav .header-content .header-right .user-info-container{margin-right:0}}.admin-portal aside{background:var(--sidebar-bg);border-right:1px solid var(--border);box-shadow:var(--shadow-sm);width:var(--portal-sidebar-width,280px);flex-shrink:0}.admin-portal aside nav{padding:var(--spacing-lg) 0}.admin-portal aside nav ul{list-style:none;padding:0;margin:0}.admin-portal aside nav ul li{margin:0}.admin-portal aside nav ul li a{display:block;position:relative;border-radius:var(--radius);margin:var(--spacing-xs) var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:var(--transition-normal);color:var(--sidebar-text);text-decoration:none}.admin-portal aside nav ul li a:hover{background:hsla(0,0%,100%,.1);color:var(--primary);transform:translateX(4px);box-shadow:var(--shadow-sm)}.admin-portal aside nav ul li a.active{background:var(--primary);color:var(--foreground);box-shadow:var(--shadow-md)}.admin-portal .main-container{display:flex;flex:1 1;min-height:calc(100vh - 64px - 60px)}.admin-portal main{background:var(--background);padding:var(--spacing-xl);flex:1 1;overflow-y:auto;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.admin-portal main h1{font-size:2rem;color:var(--heading-color)}.admin-portal main h1,.admin-portal main h2{font-weight:700;margin-bottom:var(--spacing-sm)}.admin-portal main h2{font-size:1.5rem;color:var(--heading2-color)}.admin-portal main p{color:var(--muted);margin-bottom:var(--spacing-lg)}.admin-portal .btn,.admin-portal .greeting-management .greeting-list .empty-state .add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .submit-btn,.admin-portal .greeting-management .page-header .add-button,.greeting-management .greeting-list .empty-state .admin-portal .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .submit-btn,.greeting-management .page-header .admin-portal .add-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-weight:600;font-size:.875rem;transition:var(--transition-normal);cursor:pointer;border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden}.admin-portal .btn:before,.admin-portal .greeting-management .greeting-list .empty-state .add-button:before,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button:before,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button:before,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn:before,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn:before,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn:before,.admin-portal .greeting-management .modal-form .form-actions .submit-btn:before,.admin-portal .greeting-management .page-header .add-button:before,.greeting-management .greeting-list .empty-state .admin-portal .add-button:before,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .delete-button:before,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button:before,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn:before,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn:before,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn:before,.greeting-management .modal-form .form-actions .admin-portal .submit-btn:before,.greeting-management .page-header .admin-portal .add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.admin-portal .btn:hover:before,.admin-portal .greeting-management .greeting-list .empty-state .add-button:hover:before,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .delete-button:hover:before,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button:hover:before,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn:hover:before,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn:hover:before,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn:hover:before,.admin-portal .greeting-management .modal-form .form-actions .submit-btn:hover:before,.admin-portal .greeting-management .page-header .add-button:hover:before,.greeting-management .greeting-list .empty-state .admin-portal .add-button:hover:before,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .delete-button:hover:before,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button:hover:before,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn:hover:before,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn:hover:before,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn:hover:before,.greeting-management .modal-form .form-actions .admin-portal .submit-btn:hover:before,.greeting-management .page-header .admin-portal .add-button:hover:before{left:100%}.admin-portal .btn.btn-primary,.admin-portal .greeting-management .greeting-list .empty-state .add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-primary.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-primary.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .submit-btn,.admin-portal .greeting-management .page-header .add-button,.greeting-management .greeting-list .empty-state .admin-portal .add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.edit-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.submit-btn,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .edit-button.submit-btn,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.submit-btn,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .edit-button.submit-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-primary.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-primary.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .submit-btn,.greeting-management .page-header .admin-portal .add-button{background:var(--primary);color:var(--foreground);box-shadow:var(--shadow-md)}.admin-portal .btn.btn-primary:hover,.admin-portal .greeting-management .greeting-list .empty-state .add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-primary.cancel-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-primary.cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .submit-btn:hover,.admin-portal .greeting-management .page-header .add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.edit-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.submit-btn:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .edit-button.submit-btn:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.submit-btn:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .edit-button.submit-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-primary.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-primary.cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .submit-btn:hover,.greeting-management .page-header .admin-portal .add-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-portal .btn.btn-primary:active,.admin-portal .greeting-management .greeting-list .empty-state .add-button:active,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.delete-button:active,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-primary.edit-button:active,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-primary.cancel-btn:active,.admin-portal .greeting-management .modal-confirm .modal-actions .submit-btn:active,.admin-portal .greeting-management .modal-form .form-actions .btn-primary.cancel-btn:active,.admin-portal .greeting-management .modal-form .form-actions .submit-btn:active,.admin-portal .greeting-management .page-header .add-button:active,.greeting-management .greeting-list .empty-state .admin-portal .add-button:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.delete-button:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-primary.edit-button:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.submit-btn:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .edit-button.submit-btn:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.submit-btn:active,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .edit-button.submit-btn:active,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-primary.cancel-btn:active,.greeting-management .modal-confirm .modal-actions .admin-portal .submit-btn:active,.greeting-management .modal-form .form-actions .admin-portal .btn-primary.cancel-btn:active,.greeting-management .modal-form .form-actions .admin-portal .submit-btn:active,.greeting-management .page-header .admin-portal .add-button:active{transform:translateY(0)}.admin-portal .btn.btn-secondary,.admin-portal .greeting-management .greeting-list .empty-state .btn-secondary.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-secondary.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-secondary.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-secondary.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-secondary.submit-btn,.admin-portal .greeting-management .page-header .btn-secondary.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-secondary.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-secondary.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-secondary.edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-secondary.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-secondary.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-secondary.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-secondary.submit-btn,.greeting-management .page-header .admin-portal .btn-secondary.add-button{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md)}.admin-portal .btn.btn-secondary:hover,.admin-portal .greeting-management .greeting-list .empty-state .btn-secondary.add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-secondary.edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-secondary.cancel-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-secondary.submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-secondary.cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-secondary.submit-btn:hover,.admin-portal .greeting-management .page-header .btn-secondary.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .btn-secondary.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-secondary.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-secondary.edit-button:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-secondary.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-secondary.submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-secondary.cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-secondary.submit-btn:hover,.greeting-management .page-header .admin-portal .btn-secondary.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-portal .btn.btn-outline,.admin-portal .greeting-management .greeting-list .empty-state .btn-outline.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-outline.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-outline.submit-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-outline.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn,.admin-portal .greeting-management .page-header .btn-outline.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-outline.add-button,.greeting-management .greeting-list .empty-state .admin-portal .greeting-item .greeting-actions .add-button.edit-button,.greeting-management .greeting-list .empty-state .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn,.greeting-management .greeting-list .empty-state .admin-portal .modal-form .form-actions .add-button.cancel-btn,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-outline.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.cancel-btn,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-outline.submit-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-outline.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn,.greeting-management .page-header .admin-portal .btn-outline.add-button,.greeting-management .page-header .admin-portal .greeting-list .greeting-item .greeting-actions .add-button.edit-button,.greeting-management .page-header .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn,.greeting-management .page-header .admin-portal .modal-form .form-actions .add-button.cancel-btn{background:rgba(0,0,0,0);color:var(--foreground);border-color:var(--border)}.admin-portal .btn.btn-outline:hover,.admin-portal .greeting-management .greeting-list .empty-state .btn-outline.add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-outline.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-outline.submit-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-outline.submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn:hover,.admin-portal .greeting-management .page-header .btn-outline.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .btn-outline.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .greeting-item .greeting-actions .add-button.edit-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn:hover,.greeting-management .greeting-list .empty-state .admin-portal .modal-form .form-actions .add-button.cancel-btn:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-outline.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.cancel-btn:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-outline.submit-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-outline.submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn:hover,.greeting-management .page-header .admin-portal .btn-outline.add-button:hover,.greeting-management .page-header .admin-portal .greeting-list .greeting-item .greeting-actions .add-button.edit-button:hover,.greeting-management .page-header .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn:hover,.greeting-management .page-header .admin-portal .modal-form .form-actions .add-button.cancel-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.admin-portal .btn.btn-outline:disabled,.admin-portal .greeting-management .greeting-list .empty-state .btn-outline.add-button:disabled,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-outline.delete-button:disabled,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .edit-button:disabled,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-outline.submit-btn:disabled,.admin-portal .greeting-management .modal-confirm .modal-actions .cancel-btn:disabled,.admin-portal .greeting-management .modal-form .form-actions .btn-outline.submit-btn:disabled,.admin-portal .greeting-management .modal-form .form-actions .cancel-btn:disabled,.admin-portal .greeting-management .page-header .btn-outline.add-button:disabled,.greeting-management .greeting-list .empty-state .admin-portal .btn-outline.add-button:disabled,.greeting-management .greeting-list .empty-state .admin-portal .greeting-item .greeting-actions .add-button.edit-button:disabled,.greeting-management .greeting-list .empty-state .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn:disabled,.greeting-management .greeting-list .empty-state .admin-portal .modal-form .form-actions .add-button.cancel-btn:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-outline.delete-button:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .edit-button:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-confirm .modal-actions .delete-button.cancel-btn:disabled,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .modal-form .form-actions .delete-button.cancel-btn:disabled,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-outline.submit-btn:disabled,.greeting-management .modal-confirm .modal-actions .admin-portal .cancel-btn:disabled,.greeting-management .modal-form .form-actions .admin-portal .btn-outline.submit-btn:disabled,.greeting-management .modal-form .form-actions .admin-portal .cancel-btn:disabled,.greeting-management .page-header .admin-portal .btn-outline.add-button:disabled,.greeting-management .page-header .admin-portal .greeting-list .greeting-item .greeting-actions .add-button.edit-button:disabled,.greeting-management .page-header .admin-portal .modal-confirm .modal-actions .add-button.cancel-btn:disabled,.greeting-management .page-header .admin-portal .modal-form .form-actions .add-button.cancel-btn:disabled{background:#e0e0e0;color:#aaa;border-color:#e0e0e0;cursor:not-allowed}.admin-portal .btn.btn-success,.admin-portal .greeting-management .greeting-list .empty-state .btn-success.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-success.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-success.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-success.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-success.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-success.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-success.submit-btn,.admin-portal .greeting-management .page-header .btn-success.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-success.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-success.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-success.edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-success.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-success.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-success.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-success.submit-btn,.greeting-management .page-header .admin-portal .btn-success.add-button{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.admin-portal .btn.btn-success:hover,.admin-portal .greeting-management .greeting-list .empty-state .btn-success.add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-success.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-success.edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-success.cancel-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-success.submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-success.cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-success.submit-btn:hover,.admin-portal .greeting-management .page-header .btn-success.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .btn-success.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-success.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-success.edit-button:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-success.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-success.submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-success.cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-success.submit-btn:hover,.greeting-management .page-header .admin-portal .btn-success.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-portal .btn.btn-warning,.admin-portal .greeting-management .greeting-list .empty-state .btn-warning.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-warning.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-warning.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-warning.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-warning.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-warning.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-warning.submit-btn,.admin-portal .greeting-management .page-header .btn-warning.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-warning.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-warning.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-warning.edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-warning.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-warning.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-warning.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-warning.submit-btn,.greeting-management .page-header .admin-portal .btn-warning.add-button{background:var(--gradient-warning);color:#fff;box-shadow:var(--shadow-md)}.admin-portal .btn.btn-warning:hover,.admin-portal .greeting-management .greeting-list .empty-state .btn-warning.add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-warning.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-warning.edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-warning.cancel-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-warning.submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-warning.cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-warning.submit-btn:hover,.admin-portal .greeting-management .page-header .btn-warning.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .btn-warning.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-warning.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-warning.edit-button:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-warning.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-warning.submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-warning.cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-warning.submit-btn:hover,.greeting-management .page-header .admin-portal .btn-warning.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-portal .btn.btn-danger,.admin-portal .greeting-management .greeting-list .empty-state .btn-danger.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-danger.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-danger.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-danger.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-danger.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-danger.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-danger.submit-btn,.admin-portal .greeting-management .page-header .btn-danger.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-danger.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-danger.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-danger.edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-danger.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-danger.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-danger.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-danger.submit-btn,.greeting-management .page-header .admin-portal .btn-danger.add-button{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:var(--shadow-md)}.admin-portal .btn.btn-danger:hover,.admin-portal .greeting-management .greeting-list .empty-state .btn-danger.add-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-danger.delete-button:hover,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-danger.edit-button:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-danger.cancel-btn:hover,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-danger.submit-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-danger.cancel-btn:hover,.admin-portal .greeting-management .modal-form .form-actions .btn-danger.submit-btn:hover,.admin-portal .greeting-management .page-header .btn-danger.add-button:hover,.greeting-management .greeting-list .empty-state .admin-portal .btn-danger.add-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-danger.delete-button:hover,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-danger.edit-button:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-danger.cancel-btn:hover,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-danger.submit-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-danger.cancel-btn:hover,.greeting-management .modal-form .form-actions .admin-portal .btn-danger.submit-btn:hover,.greeting-management .page-header .admin-portal .btn-danger.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-portal .btn.btn-sm,.admin-portal .greeting-management .greeting-list .empty-state .btn-sm.add-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-sm.delete-button,.admin-portal .greeting-management .greeting-list .greeting-item .greeting-actions .btn-sm.edit-button,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-sm.cancel-btn,.admin-portal .greeting-management .modal-confirm .modal-actions .btn-sm.submit-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-sm.cancel-btn,.admin-portal .greeting-management .modal-form .form-actions .btn-sm.submit-btn,.admin-portal .greeting-management .page-header .btn-sm.add-button,.greeting-management .greeting-list .empty-state .admin-portal .btn-sm.add-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-sm.delete-button,.greeting-management .greeting-list .greeting-item .greeting-actions .admin-portal .btn-sm.edit-button,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-sm.cancel-btn,.greeting-management .modal-confirm .modal-actions .admin-portal .btn-sm.submit-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-sm.cancel-btn,.greeting-management .modal-form .form-actions .admin-portal .btn-sm.submit-btn,.greeting-management .page-header .admin-portal .btn-sm.add-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;gap:var(--spacing-xs)}.admin-portal .card{background:#f7f7f7;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);transition:var(--transition-normal);position:relative;overflow:hidden}.admin-portal .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.admin-portal .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.admin-portal .card.card-stats{text-align:center}.admin-portal .card.card-stats .stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm)}.admin-portal .card.card-stats .stat-label{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-portal .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-align:center}.admin-portal .status-badge.active{background:var(--success-light);color:var(--success)}.admin-portal .status-badge.inactive{background:var(--error-light);color:var(--error)}.admin-portal .status-badge.warning{background:var(--warning-light);color:var(--warning)}.admin-portal .space-y-6>*+*{margin-top:1.5rem}.admin-portal .flex{display:flex}.admin-portal .justify-between{justify-content:space-between}.admin-portal .items-center{align-items:center}.admin-portal .gap-2{gap:.5rem}.admin-portal .text-2xl{font-size:1.5rem}.admin-portal .font-bold{font-weight:700}.admin-portal .text-gray-900{color:#111827}.admin-portal .text-xl{font-size:1.25rem}.admin-portal .font-semibold{font-weight:600}.admin-portal .mb-4{margin-bottom:1rem}.admin-portal .text-lg{font-size:1.125rem}.admin-portal .overflow-x-auto{overflow-x:auto}.admin-portal .text-center{text-align:center}.admin-portal .py-8{padding-top:2rem;padding-bottom:2rem}.admin-portal .text-gray-500{color:#6b7280}.admin-portal .max-w-xs{max-width:20rem}.admin-portal .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-portal .font-medium{font-weight:500}.admin-portal .filter-section{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-portal .filter-section .filter-btn{padding:.5rem 1rem;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.admin-portal .filter-section .filter-btn:hover{background:var(--background);border-color:var(--border-hover)}.admin-portal .filter-section .filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-portal .error-message{text-align:center;padding:1rem;margin:1rem 0;background:var(--error-light);color:var(--error);border:1px solid var(--error);border-radius:var(--radius);font-size:.875rem}.admin-portal .inquiry-link{color:var(--primary);text-decoration:none;font-weight:500}.admin-portal .inquiry-link:hover{text-decoration:underline}.admin-portal .pagination-section{margin-top:1.5rem}.admin-portal .pagination-nav{display:flex;justify-content:center}.admin-portal .pagination-list{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.admin-portal .pagination-btn{padding:.5rem .75rem;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast)}.admin-portal .pagination-btn:hover{background:var(--background);border-color:var(--border-hover)}.admin-portal .pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-portal .table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.admin-portal .table td,.admin-portal .table th{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border)}.admin-portal .table img{max-width:60px;max-height:45px;width:60px;height:45px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.admin-portal .table .thumbnail-column{width:80px;min-width:80px}.admin-portal .table .content-column{max-width:300px;word-wrap:break-word}.admin-portal .table th{font-weight:600;background:var(--primary);color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.admin-portal .table tr{transition:var(--transition-fast)}.admin-portal .table tr:hover{background:var(--primary-light)}.admin-portal .table tr:last-child td{border-bottom:none}.admin-portal .table .status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-portal .table .status-badge.active{background:var(--success-light);color:var(--success)}.admin-portal .table .status-badge.inactive{background:var(--error-light);color:var(--error)}.admin-portal .table .status-badge.pending{background:var(--warning-light);color:var(--warning)}.admin-portal footer{background:var(--sidebar-bg);color:var(--sidebar-text);padding:var(--spacing-lg);text-align:center;border-top:1px solid var(--border);height:60px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.admin-portal footer .footer-content{display:flex;align-items:center;gap:var(--spacing-md)}.admin-portal footer .footer-content .footer-logo{color:#f8c300;font-weight:700}.admin-portal footer .footer-content .footer-text{color:var(--sidebar-text)}.admin-portal footer .footer-content .footer-year{color:var(--muted)}.organization-thumbnail{width:100px;height:100px;background-color:var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0;min-width:100px;min-height:100px}.organization-thumbnail__image{width:100%;height:100%;object-fit:cover}.organization-preview__container{max-width:100%;margin:0 auto}.organization-preview__image-wrapper{width:100%;max-width:100%;min-height:500px;display:flex;align-items:center;justify-content:center}.organization-preview__image{width:100%;height:auto;max-height:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);object-fit:contain}.organization-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.organization-list__title{font-size:1.25rem;font-weight:600}.organization-list__item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);background-color:#f7f7f7;transition:background-color var(--transition-fast)}.organization-list__item:hover{background-color:#fff5d7}.organization-list__item__content{display:flex;align-items:center;justify-content:space-between}.organization-list__item__info{display:flex;align-items:center;gap:var(--spacing-md)}.organization-list__item__details .title{font-weight:500;font-size:.875rem}.organization-list__item__details .date{font-size:.75rem;color:var(--muted-foreground)}.organization-list__item__actions{display:flex;align-items:center;gap:var(--spacing-md)}.organization-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(min-width:768px){.organization-stats{grid-template-columns:repeat(3,1fr)}}.organization-list-section{min-height:500px}.organization-upload__input{display:none}.organization-upload__error{color:var(--error);background-color:var(--error-light);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg)}.organization-preview-section{margin-bottom:var(--spacing-2xl)}.organization-preview-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.organization-preview-section__title{font-size:1.25rem;font-weight:600}.organization-preview-section__content{background-color:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.organization-preview-section__image-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.organization-preview-section__date{text-align:center;font-size:.875rem;color:var(--muted-foreground)}.video-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(min-width:768px){.video-stats{grid-template-columns:repeat(3,1fr)}}.banner-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(min-width:768px){.banner-stats{grid-template-columns:repeat(3,1fr)}}.tiptap-editor-container{border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius,4px);overflow:hidden}.highlight-light-yellow{background-color:khaki!important}.highlight-light-green{background-color:#98fb98!important}.highlight-peach{background-color:#ffe4b5!important}.ProseMirror span:empty{display:inline-block;width:0;height:0;overflow:hidden}.ProseMirror p{margin:0 0 var(--spacing-sm) 0}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror ol,.ProseMirror ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.ProseMirror li{margin:var(--spacing-xs) 0}.ProseMirror a{color:var(--primary);text-decoration:underline}.ProseMirror a:hover{color:var(--primary-hover)}.ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius);margin:var(--spacing-sm) 0}.ProseMirror blockquote{border-left:4px solid var(--primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;font-style:italic;color:var(--text-muted)}.ProseMirror code{background:var(--background-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.875em}.ProseMirror pre{background:var(--background-light);padding:var(--spacing-md);border-radius:var(--radius);overflow-x:auto;margin:var(--spacing-md) 0}.ProseMirror pre code{background:none;padding:0}.greeting-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-light)}.greeting-management .page-header h1{margin:0;color:var(--primary);font-size:2rem;font-weight:700}.greeting-management .page-header .add-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.greeting-management .greeting-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(min-width:768px){.greeting-management .greeting-stats{grid-template-columns:repeat(3,1fr)}}.greeting-management .greeting-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.greeting-management .greeting-list .empty-state{text-align:center;padding:var(--spacing-2xl);background:var(--background-light);border-radius:var(--radius-lg);border:2px dashed var(--border)}.greeting-management .greeting-list .empty-state p{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.greeting-management .greeting-list .greeting-item{background:var(--background-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition-normal)}.greeting-management .greeting-list .greeting-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.greeting-management .greeting-list .greeting-item .greeting-info{flex:1 1}.greeting-management .greeting-list .greeting-item .greeting-info h3{margin:0 0 var(--spacing-sm) 0;color:var(--foreground);font-size:1.25rem;font-weight:600}.greeting-management .greeting-list .greeting-item .greeting-info .greeting-content{margin-bottom:var(--spacing-md)}.greeting-management .greeting-list .greeting-item .greeting-info .greeting-content .content-preview{color:var(--text-primary);line-height:1.6;max-height:100px;overflow:hidden;position:relative}.greeting-management .greeting-list .greeting-item .greeting-info .greeting-content .content-preview:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:20px;background:linear-gradient(transparent,var(--background-light))}.greeting-management .greeting-list .greeting-item .greeting-info .greeting-dates{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-muted)}.greeting-management .greeting-list .greeting-item .greeting-info .greeting-dates span{display:flex;align-items:center;gap:var(--spacing-xs)}.greeting-management .greeting-list .greeting-item .greeting-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.greeting-management .greeting-list .greeting-item .greeting-actions .edit-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.greeting-management .greeting-list .greeting-item .greeting-actions .delete-button{background:var(--error);color:#fff;padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.greeting-management .greeting-list .greeting-item .greeting-actions .delete-button:hover{background:#e53e3e;transform:translateY(-1px)}.greeting-management .modal-form .form-group{margin-bottom:var(--spacing-lg)}.greeting-management .modal-form .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--foreground)}.greeting-management .modal-form .form-group input[type=text],.greeting-management .modal-form .form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;transition:var(--transition-fast)}.greeting-management .modal-form .form-group input[type=text]:focus,.greeting-management .modal-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.greeting-management .modal-form .form-group input[type=checkbox]{margin-right:var(--spacing-sm);width:1rem;height:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:#fff;cursor:pointer;transition:var(--transition-fast)}.greeting-management .modal-form .form-group input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:12px;background-position:50%;background-repeat:no-repeat}.greeting-management .modal-form .form-group input[type=checkbox]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.greeting-management .modal-form .form-group input[type=checkbox]:hover{border-color:var(--primary)}.greeting-management .modal-form .form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.greeting-management .modal-confirm{text-align:center}.greeting-management .modal-confirm p{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.greeting-management .modal-confirm .modal-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.biode-footer__pc{display:none;position:relative}@media(min-width:769px){.biode-footer__pc{display:block}}.biode-footer__pc-image{width:100%;height:auto;display:block}.biode-footer__pc-circle{position:absolute;top:36%;right:47px;width:50px;height:50px;background-color:rgba(0,0,0,0);border-radius:50%;cursor:pointer;z-index:10;border:none;padding:0;outline:none}.biode-footer__mobile{display:block;position:relative}@media(min-width:769px){.biode-footer__mobile{display:none}}.biode-footer__mobile-image{width:100%;height:auto;display:block}.biode-footer__mobile-circle{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:rgba(0,0,0,0);border-radius:50%;cursor:pointer;z-index:10;border:none;padding:0;outline:none}