:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#64748b;--secondary-hover:#475569;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#000;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--border-width:1px;--border-color:var(--gray-200);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-max-width:1200px;--container-padding:var(--spacing-md)}@media (prefers-color-scheme:dark){:root{--white:#0f172a;--black:#fff;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc;--border-color:var(--gray-700)}}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.5/dist/web/static/woff2/Pretendard-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/pretendard@1.3.5/dist/web/static/woff/Pretendard-Regular.woff) format("woff")}body,html{font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--white);color:var(--gray-900);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}*{box-sizing:border-box;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0;width:100%}.header{background:linear-gradient(90deg,#4459e3,#456edb 44.71%,#01c3cc);box-shadow:0 1px 3px #0000001a;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:fixed;right:0;top:0;width:100vw;z-index:1000}.header,.header__container{height:60px;overflow:visible}.header__container{align-items:center;display:flex;justify-content:space-between;margin:0;max-width:none;padding:0 38px;position:relative;width:100%}.header__logo{flex-shrink:0}.header__mobile-menu-toggle{background:none;border:none;border-radius:6px;color:#1e40af;cursor:pointer;display:none;font-size:1.5rem;padding:8px;transition:all .3s ease}.header__mobile-menu-toggle:hover{background:#1e40af1a}.header__mobile-menu-icon{display:block;font-weight:700}.header__error{color:#dc2626;flex-direction:column;gap:10px;text-align:center}.header__retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.header__retry-btn:hover{background:#b91c1c}.header__logo-link{align-items:center;display:flex;text-decoration:none;transition:all .3s ease}.header__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e40af;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;transition:all .3s ease}.header__logo-link:hover .header__logo-text{transform:scale(1.05)}.header__nav{align-items:center;display:flex;justify-content:left;padding-bottom:1px;position:relative}.header__nav:after{background:#0000;content:"";height:20px;left:0;position:absolute;right:0;top:100%;z-index:9998}.header__nav-list{display:flex;gap:80px;list-style:none;margin:0;padding:0}.header__nav-item{align-items:center;display:flex;height:100%;position:relative;transition:all .3s ease}.header__nav-item.active>.header__nav-link{color:#007bff;font-weight:700}.header__nav-item.open>.header__nav-link{background-color:#f8f9fa}.header__submenu{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;display:none!important;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding-left:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:9999}.header__submenu.show{display:block!important;opacity:1;transform:translateY(0);visibility:visible}.header__submenu-item{border-bottom:1px solid #f1f3f4}.header__submenu-item:last-child{border-bottom:none}.header__submenu-link{color:#495057;padding:12px 20px}.header__submenu-link:hover{background-color:#f8f9fa;color:#007bff}.header__nav-link.dep1{color:#ffffffb8;cursor:pointer;font-size:18px;font-weight:500;line-height:normal;text-decoration:none;transition:color .3s ease}.header__nav-link.dep1:hover{color:#fff}.header__nav-link.dep1.active{color:#fff;font-weight:700}.header__nav-link{color:#ffffffb8;font-size:18px;font-weight:700;line-height:normal;text-decoration:none;transition:color .3s ease}.header__nav-link:hover{color:#fff}.header__nav-link.active{color:#fff;font-weight:700}@media (max-width:768px){.header__submenu{background:#f8f9fa;border:none;box-shadow:none;margin-left:20px;position:static}.header__submenu-link{font-size:13px;padding:8px 16px}}.header__all-submenu{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;display:flex;flex-wrap:wrap;gap:30px;left:0;margin-left:0;margin-right:0;min-height:200px;opacity:0;padding:20px;position:fixed;right:0;top:60px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:100vw;z-index:1001}.header__all-submenu:hover,.header__nav:hover .header__all-submenu{opacity:1;transform:translateY(0);visibility:visible}.header__submenu-content{display:flex;gap:15px;justify-content:left;margin:0 auto;width:75%}.header__submenu-section{flex:1 1;max-width:140px}.header__submenu-title{font-size:16px;font-weight:700;margin-bottom:12px}.header__submenu-item{margin-bottom:5px}.header__submenu-link{font-size:14px;padding:10px 12px;transition:all .2s ease}.header__submenu-link:hover{background-color:#1e40af0d}.header__submenu-item.active>.header__submenu-link{background-color:#1e40af1a;color:#1e40af;font-weight:700}.header__submenu-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;left:50%;margin-top:8px;min-width:600px;opacity:0;padding:24px;position:absolute;top:100%;transform:translateX(-50%);transform:translateX(-50%) translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.header__submenu-container--visible{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.header__submenu-title{border-bottom:2px solid #e2e8f0;color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.header__submenu-list{list-style:none;margin:0;padding:0}.header__submenu-item{margin-bottom:4px}.header__submenu-link{background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:block;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s ease}.header__submenu-link:hover{background:#1e40af0d;color:#1e40af}.header__submenu-link--active{background:#1e40af1a;color:#1e40af}.header__info{align-items:center;display:flex;gap:24px}.header__weather{color:#64748b;font-size:.85rem;gap:8px}.header__weather-location{font-weight:500}.header__weather-temp{align-items:stretch;color:#ffffffe6;display:flex;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.header__weather-temp-unit{color:#fff9;font-size:12px;font-weight:400}.header__weather-condition{color:#64748b}.header__market{display:flex;gap:16px}.header__market-item{align-items:center;display:flex;flex-direction:column;gap:2px}.header__market-label{color:#64748b;font-size:.75rem;font-weight:500}.header__market-value{color:#1e40af;font-size:.85rem;font-weight:600}.header__market-data{align-items:center;display:flex;flex-shrink:0;gap:14px;left:40px;position:relative}.header__rec-data,.header__smp-data{align-items:center;display:flex;gap:5px}.header__data-label{color:#ffffffb8;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.header__data-label-average{color:#fffc;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.header__data-value{color:#ffffffe6;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.header__data-label-unit{color:#fffc;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.header__smp-ticker{display:inline-block;height:24px;overflow:hidden}.header__smp-ticker-inner{display:flex;flex-direction:column;transition:transform .4s ease-in-out}.header__smp-row{align-items:center;box-sizing:border-box;display:flex;gap:4px;height:24px}.header__weather{align-items:center;color:#fff;display:flex;flex-shrink:0;gap:7px;left:25px;position:relative}.header__weather-location{font-size:14px;font-weight:600}.header__weather-main{align-items:center;display:flex;gap:6px}.header__weather-icon{font-size:1.2rem}.header__weather-details{align-items:center;display:flex;gap:14px}.header__weather-item{align-items:center;color:#fff;display:flex;font-size:14px;gap:3px}.header__weather-icon-small{font-size:.9rem}.header__weather-error,.header__weather-loading{align-items:center;color:#fff;display:flex;font-size:.8rem;gap:8px;opacity:.8}.header__weather-loading span{animation:pulse 1.5s ease-in-out infinite}.header__weather-permission{font-size:.8rem;margin-left:4px;opacity:.7}.header__notifications{align-items:center;display:flex;flex-shrink:0;position:relative}.header__notification-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:background-color .2s ease}.header__notification-btn:hover{background:#ffffff1a}.header__notification-icon{font-size:1.1rem}.header__notification-label{font-weight:500}.header__notification-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;margin-left:4px;width:18px}.header__notification-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-width:400px;min-width:300px;position:absolute;right:0;top:100%;z-index:1001}.header__notification-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.header__notification-header h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.header__notification-close{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:1.2rem;padding:4px;transition:background-color .2s ease}.header__notification-close:hover{background:#f7fafc}.header__notification-list{max-height:300px;overflow-y:auto}.header__notification-item{border-bottom:1px solid #f7fafc;padding:12px 16px;transition:background-color .2s ease}.header__notification-item:hover{background:#f7fafc}.header__notification-item:last-child{border-bottom:none}.header__notification-content{color:#2d3748;font-size:.9rem;margin-bottom:4px}.header__notification-time{color:#718096;font-size:.8rem}.header__auth{align-items:center;display:flex}.header__login-btn{background:none;border:none;border-radius:6px;color:#1d1d1d;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s ease}.header__login-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.header__user-info{font-size:.9rem;gap:12px;max-width:200px;overflow:hidden}.header__user-name{color:#333;font-size:.9rem;font-weight:500}.header__logout-btn{background:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.header__logout-btn:hover{background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.header__user-avatar{align-items:center;background:#1e40af;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.header__user-dropdown{position:relative}.header__user-info{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.header__user-info:hover{background-color:#ffffff1a}.header__user-icon{height:12px;width:12px}.header__dropdown-arrow{color:#1e40af;font-size:12px;transition:transform .2s ease}.header__user-info:hover .header__dropdown-arrow{transform:rotate(180deg)}.header__user-dropdown-menu{background:#fff;border:3px solid #1e40af;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;margin-top:0;min-width:200px;opacity:1;position:absolute;right:0;top:calc(100% + 8px);visibility:visible;z-index:9999}.header__dropdown-item{border-bottom:1px solid #f3f4f6;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.header__dropdown-item:hover{background-color:#f3f4f6}.header__dropdown-divider{background-color:#1e40af;border-radius:1px;height:2px;margin:8px 0}.header__dropdown-logout{color:#dc2626;font-weight:500}.header__dropdown-logout:hover{background-color:#fef2f2}.header__user-name{color:#fff;font-size:16px;font-weight:700}.header__user-name,.header__user-role{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-role{color:#64748b;font-size:.75rem;font-weight:400}@media (max-width:1024px){.header__container{padding:0 16px}.header__info{gap:16px}.header__market{gap:12px}.header__all-submenu{left:0;right:0}}@media (max-width:768px){.header__container{gap:10px;height:60px;padding:0 12px}.header__logo-text{font-size:1.5rem}.header__mobile-menu-toggle{display:block}.header__market-data,.header__nav{display:none}.header__weather{gap:8px}.header__weather-details{display:none}.header__weather-location{font-size:.8rem}.header__notification-label{display:none}.header__notification-dropdown{min-width:280px;right:-20px}.header__nav--mobile-open{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;display:block;left:0;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;right:0;top:60px;z-index:999}.header__nav--mobile-open .header__nav-list{flex-direction:column;gap:0;padding:16px}.header__nav--mobile-open .header__nav-item{border-bottom:1px solid #f1f5f9}.header__nav--mobile-open .header__nav-item:last-child{border-bottom:none}.header__nav--mobile-open .header__nav-link{border-radius:0;font-size:1rem;padding:16px 0}.header__nav--mobile-open .header__submenu-container{background:#f8fafc;border:none;box-shadow:none;margin:0;min-width:auto;opacity:1;padding:0;position:static;transform:none;visibility:visible}.header__nav--mobile-open .header__submenu-content{flex-direction:column;gap:0}.header__nav--mobile-open .header__submenu-section{border-bottom:1px solid #e2e8f0;max-width:none}.header__nav--mobile-open .header__submenu-section:last-child{border-bottom:none}.header__nav--mobile-open .header__submenu-title{border-bottom:none;color:#64748b;font-size:.9rem;margin:0;padding:12px 16px}.header__nav--mobile-open .header__submenu-list{padding:0 16px 12px}.header__nav--mobile-open .header__submenu-item{margin-bottom:0}.header__nav--mobile-open .header__submenu-link{color:#475569;font-size:.9rem;padding:8px 0}.header__nav--mobile-open .header__submenu-link:hover{background:none;color:#1e40af}.header__info{gap:12px}.header__weather{font-size:.8rem}.header__market{gap:8px}.header__market-label{font-size:.7rem}.header__market-value{font-size:.8rem}.header__login-btn{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.header__container{padding:0 8px}.header__logo-text{font-size:1.25rem}.header__market,.header__weather{display:none}.header__market-label{font-size:.65rem}.header__market-value{font-size:.75rem}.header__login-btn{font-size:.8rem;padding:6px 10px}}@media (prefers-color-scheme:dark){.header{background:#1f2937;border-bottom:1px solid #374151}.header__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.header__nav-link{color:#d1d5db}.header__nav-link:hover{background:#60a5fa1a;color:#60a5fa}.header__nav-link--active{background:#60a5fa26;color:#60a5fa}.header__submenu-container{background:#1f2937;border:1px solid #374151}.header__submenu-title{border-bottom-color:#374151;color:#60a5fa}.header__submenu-link{color:#d1d5db}.header__submenu-link:hover{background:#60a5fa1a;color:#60a5fa}.header__weather{color:#9ca3af}.header__weather-location{color:#d1d5db}.header__market-label{color:#9ca3af}.header__market-value{color:#60a5fa}.header__user-name{color:#d1d5db}.header__logout-btn{background:#dc3545;color:#fff}.header__logout-btn:hover{background:#c82333}.header__user-profile{background:#60a5fa1a}.header__user-profile:hover{background:#60a5fa26}.header__user-avatar{background:#60a5fa}.header__user-name{color:#60a5fa}.header__user-role{color:#9ca3af}}.header__loading{color:#6b7280}.header__error,.header__loading{align-items:center;display:flex;font-size:14px;justify-content:center;padding:20px}.header__error{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;margin:10px}.header2{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000!important;border-bottom:none;box-shadow:none;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;height:60px;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:visible;position:fixed;right:0;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100vw;z-index:10}.header2--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d}.header2__container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0;max-width:none;overflow:visible;padding:0 38px;position:relative;width:100%}.header2__logo{flex-shrink:0}.header2__mobile-menu-toggle{background:none;border:none;border-radius:6px;color:#1e40af;cursor:pointer;display:none;font-size:1.5rem;padding:8px;transition:all .3s ease}.header2__mobile-menu-toggle:hover{background:#1e40af1a}.header2__mobile-menu-icon{display:block;font-weight:700}.header2__error{color:#dc2626;flex-direction:column;gap:10px;text-align:center}.header2__retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.header2__retry-btn:hover{background:#b91c1c}.header2__logo-link{align-items:center;display:flex;text-decoration:none;transition:all .3s ease}.header2__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e40af;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;transition:all .3s ease}.header2__logo-link:hover .header2__logo-text{transform:scale(1.05)}.header2__nav{align-items:center;display:flex;justify-content:left;padding-bottom:1px;position:relative}.header2__nav:after{background:#0000;content:"";height:20px;left:0;position:absolute;right:0;top:100%;z-index:9998}.header2__nav-list{display:flex;gap:80px;list-style:none;margin:0;padding:0}.header2__nav-item{align-items:center;display:flex;height:100%;position:relative;transition:all .3s ease}.header2__nav-item.active>.header2__nav-link{color:#007bff;font-weight:700}.header2__nav-item.open>.header2__nav-link{background-color:#f8f9fa}.header2__submenu{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;display:none!important;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding-left:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:9999}.header2__submenu.show{display:block!important;opacity:1;transform:translateY(0);visibility:visible}.header2__submenu-item{border-bottom:1px solid #f1f3f4}.header2__submenu-item:last-child{border-bottom:none}.header2__submenu-link{color:#495057;padding:12px 20px}.header2__submenu-link:hover{background-color:#f8f9fa;color:#007bff}.header2__nav-link.dep1{color:#333;cursor:pointer;font-size:18px;font-weight:500;line-height:normal;text-decoration:none;transition:color .3s ease}.header2__nav-link.dep1.active{color:#fff;font-weight:700}.header2__nav-link{color:#333;font-size:18px;font-weight:500;line-height:normal;text-decoration:none;transition:color .3s ease}.header2__nav-link.active{color:#fff;font-weight:700}@media (max-width:768px){.header2__submenu{background:#f8f9fa;border:none;box-shadow:none;margin-left:20px;position:static}.header2__submenu-link{font-size:13px;padding:8px 16px}}.header2__all-submenu{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;display:flex;flex-wrap:wrap;gap:10px;left:0;margin-left:0;margin-right:0;min-height:200px;opacity:0;padding:20px;position:fixed;right:0;top:60px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:100vw;z-index:1001}.header2__all-submenu:hover,.header2__nav:hover .header2__all-submenu{opacity:1;transform:translateY(0);visibility:visible}.header2__submenu-content{display:flex;gap:15px;justify-content:left;margin:0 auto;width:75%}.header2__submenu-section{flex:1 1;max-width:140px}.header2__submenu-title{font-size:16px;font-weight:700;margin-bottom:12px}.header2__submenu-item{margin-bottom:5px}.header2__submenu-link{font-size:14px;padding:10px 12px;transition:all .2s ease}.header2__submenu-link:hover{background-color:#1e40af0d}.header2__submenu-item.active>.header2__submenu-link{background-color:#1e40af1a;color:#1e40af;font-weight:700}.header2__submenu-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;left:50%;margin-top:8px;min-width:600px;opacity:0;padding:24px;position:absolute;top:100%;transform:translateX(-50%);transform:translateX(-50%) translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.header2__submenu-container--visible{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.header2__submenu-title{border-bottom:2px solid #e2e8f0;color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.header2__submenu-list{list-style:none;margin:0;padding:0}.header2__submenu-item{margin-bottom:4px}.header2__submenu-link{background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:block;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 12px;text-align:left;text-decoration:none;transition:all .3s ease}.header2__submenu-link:hover{background:#1e40af0d;color:#1e40af}.header2__submenu-link--active{background:#1e40af1a;color:#1e40af}.header2__info{align-items:center;display:flex;gap:24px}.header2__weather{color:#64748b;font-size:.85rem;gap:8px}.header2__weather-location{font-weight:500}.header2__weather-temp{-webkit-text-fill-color:#0000!important;align-items:stretch;background:linear-gradient(180deg,#5ecee0,#468ce9 51.44%,#304df2);background:var(
    --rpld02,linear-gradient(180deg,#5ecee0 0,#468ce9 51.44%,#304df2 100%)
  );-webkit-background-clip:text!important;background-clip:text!important;color:#0000!important;display:inline-block;display:flex;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.header2__weather-temp-unit{color:#fff9;font-size:12px;font-weight:400}.header2__weather-condition{color:#64748b}.header2__market{display:flex;gap:16px}.header2__market-item{align-items:center;display:flex;flex-direction:column;gap:2px}.header2__market-label{color:#64748b;font-size:.75rem;font-weight:500}.header2__market-value{color:#1e40af;font-size:.85rem;font-weight:600}.header2__market-data{align-items:center;display:flex;flex-shrink:0;gap:14px;left:40px;position:relative}.header2__rec-data,.header2__smp-data{align-items:center;display:flex;gap:5px}.header2__data-label{color:#333;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.header2__data-label-average{background:linear-gradient(180deg,#5ecee0,#468ce9 51.44%,#304df2);background:var(
    --rpld02,linear-gradient(180deg,#5ecee0 0,#468ce9 51.44%,#304df2 100%)
  );-webkit-background-clip:text!important;background-clip:text!important;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.header2__data-label-average,.header2__data-value{-webkit-text-fill-color:#0000!important;color:#0000!important;display:inline-block}.header2__data-value{font-size:16px;font-weight:700}.header2__data-label-unit,.header2__data-value{background:linear-gradient(180deg,#5ecee0,#468ce9 51.44%,#304df2);-webkit-background-clip:text!important;background-clip:text!important}.header2__data-label-unit{-webkit-text-fill-color:#0000!important;color:#0000!important;display:inline-block;font-size:12px;font-weight:500}.header2__smp-ticker{display:inline-block;height:24px;overflow:hidden}.header2__smp-ticker-inner{display:flex;flex-direction:column;transition:transform .4s ease-in-out}.header2__smp-row{align-items:center;box-sizing:border-box;display:flex;gap:4px;height:24px}.header2__weather{align-items:center;color:#fff;display:flex;flex-shrink:0;gap:7px;left:25px;position:relative}.header2__weather-location{color:#333;font-size:14px;font-weight:700}.header2__weather-main{align-items:center;display:flex;gap:6px}.header2__weather-icon{font-size:1.2rem}.header2__weather-details{align-items:center;display:flex;gap:14px}.header2__weather-item{align-items:center;color:#333;display:flex;font-size:14px;gap:3px}.header2__weather-icon-small{font-size:.9rem}.header2__weather-error,.header2__weather-loading{align-items:center;color:#fff;display:flex;font-size:.8rem;gap:8px;opacity:.8}.header2__weather-loading span{animation:pulse 1.5s ease-in-out infinite}.header2__weather-permission{font-size:.8rem;margin-left:4px;opacity:.7}.header2__notifications{align-items:center;display:flex;flex-shrink:0;position:relative}.header2__notification-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:background-color .2s ease}.header2__notification-btn:hover{background:#ffffff1a}.header2__notification-icon{font-size:1.1rem}.header2__notification-label{font-weight:500}.header2__notification-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;margin-left:4px;width:18px}.header2__notification-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-width:400px;min-width:300px;position:absolute;right:0;top:100%;z-index:1001}.header2__notification-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.header2__notification-header h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.header2__notification-close{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:1.2rem;padding:4px;transition:background-color .2s ease}.header2__notification-close:hover{background:#f7fafc}.header2__notification-list{max-height:300px;overflow-y:auto}.header2__notification-item{border-bottom:1px solid #f7fafc;padding:12px 16px;transition:background-color .2s ease}.header2__notification-item:hover{background:#f7fafc}.header2__notification-item:last-child{border-bottom:none}.header2__notification-content{color:#2d3748;font-size:.9rem;margin-bottom:4px}.header2__notification-time{color:#718096;font-size:.8rem}.header2__auth{align-items:center;display:flex}.header2__login-btn{background:none;border:none;border-radius:6px;color:#1d1d1d;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s ease}.header2__login-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.header2__user-info{font-size:.9rem;gap:12px;max-width:200px;overflow:hidden}.header2__user-name{color:#333;font-size:.9rem;font-weight:500}.header2__logout-btn{background:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.header2__logout-btn:hover{background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.header2__user-avatar{align-items:center;background:#1e40af;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.header2__user-dropdown{position:relative}.header2__user-info{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.header2__user-info:hover{background-color:#ffffff1a}.header2__user-icon{height:12px;width:12px}.header2__dropdown-arrow{color:#1e40af;font-size:12px;transition:transform .2s ease}.header2__user-info:hover .header2__dropdown-arrow{transform:rotate(180deg)}.header2__user-dropdown-menu{background:#fff;border:3px solid #1e40af;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;margin-top:0;min-width:200px;opacity:1;position:absolute;right:0;top:calc(100% + 8px);visibility:visible;z-index:9999}.header2__dropdown-item{border-bottom:1px solid #f3f4f6;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.header2__dropdown-item:hover{background-color:#f3f4f6}.header2__dropdown-divider{background-color:#1e40af;border-radius:1px;height:2px;margin:8px 0}.header2__dropdown-logout{color:#dc2626;font-weight:500}.header2__dropdown-logout:hover{background-color:#fef2f2}.header2__user-role{color:#64748b;font-size:.75rem;font-weight:400;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.header2__container{padding:0 16px}.header2__info{gap:16px}.header2__market{gap:12px}.header2__all-submenu{left:0;right:0}}@media (max-width:768px){.header2__container{gap:10px;height:60px;padding:0 12px}.header2__logo-text{font-size:1.5rem}.header2__mobile-menu-toggle{display:block}.header2__market-data,.header2__nav{display:none}.header2__weather{gap:8px}.header2__weather-details{display:none}.header2__weather-location{font-size:.8rem}.header2__notification-label{display:none}.header2__notification-dropdown{min-width:280px;right:-20px}.header2__nav--mobile-open{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;display:block;left:0;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;right:0;top:60px;z-index:999}.header2__nav--mobile-open .header2__nav-list{flex-direction:column;gap:0;padding:16px}.header2__nav--mobile-open .header2__nav-item{border-bottom:1px solid #f1f5f9}.header2__nav--mobile-open .header2__nav-item:last-child{border-bottom:none}.header2__nav--mobile-open .header2__nav-link{border-radius:0;font-size:1rem;padding:16px 0}.header2__nav--mobile-open .header2__submenu-container{background:#f8fafc;border:none;box-shadow:none;margin:0;min-width:auto;opacity:1;padding:0;position:static;transform:none;visibility:visible}.header2__nav--mobile-open .header2__submenu-content{flex-direction:column;gap:0}.header2__nav--mobile-open .header2__submenu-section{border-bottom:1px solid #e2e8f0;max-width:none}.header2__nav--mobile-open .header2__submenu-section:last-child{border-bottom:none}.header2__nav--mobile-open .header2__submenu-title{border-bottom:none;color:#64748b;font-size:.9rem;margin:0;padding:12px 16px}.header2__nav--mobile-open .header2__submenu-list{padding:0 16px 12px}.header2__nav--mobile-open .header2__submenu-item{margin-bottom:0}.header2__nav--mobile-open .header2__submenu-link{color:#475569;font-size:.9rem;padding:8px 0}.header2__nav--mobile-open .header2__submenu-link:hover{background:none;color:#1e40af}.header2__info{gap:12px}.header2__weather{font-size:.8rem}.header2__market{gap:8px}.header2__market-label{font-size:.7rem}.header2__market-value{font-size:.8rem}.header2__login-btn{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.header2__container{padding:0 8px}.header2__logo-text{font-size:1.25rem}.header2__market,.header2__weather{display:none}.header2__market-label{font-size:.65rem}.header2__market-value{font-size:.75rem}.header2__login-btn{font-size:.8rem;padding:6px 10px}}@media (prefers-color-scheme:dark){.header2{background:#1f2937;border-bottom:1px solid #374151}.header2__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.header2__nav-link{color:#d1d5db}.header2__nav-link:hover{background:#60a5fa1a;color:#60a5fa}.header2__nav-link--active{background:#60a5fa26;color:#60a5fa}.header2__submenu-container{background:#1f2937;border:1px solid #374151}.header2__submenu-title{border-bottom-color:#374151;color:#60a5fa}.header2__submenu-link{color:#d1d5db}.header2__submenu-link:hover{background:#60a5fa1a;color:#60a5fa}.header2__weather{color:#9ca3af}.header2__weather-location{color:#d1d5db}.header2__market-label{color:#9ca3af}.header2__market-value{color:#60a5fa}.header2__user-name{color:#d1d5db}.header2__logout-btn{background:#dc3545;color:#fff}.header2__logout-btn:hover{background:#c82333}.header2__user-profile{background:#60a5fa1a}.header2__user-profile:hover{background:#60a5fa26}.header2__user-avatar{background:#60a5fa}.header2__user-name{color:#60a5fa}.header2__user-role{color:#9ca3af}}.header2__loading{color:#6b7280}.header2__error,.header2__loading{align-items:center;display:flex;font-size:14px;justify-content:center;padding:20px}.header2__error{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;margin:10px}.footer{align-items:center;background:#f5f6fa;border-top:1px solid #ebebeb;border-top:1px solid var(--line-20,#ebebeb);bottom:0;color:grey;display:flex;font-family:Pretendard-Regular;font-size:12px;height:28px;justify-content:center;margin-top:auto;position:absolute;width:100%;z-index:101}@media (max-width:1024px){.footer__main{gap:30px;grid-template-columns:1fr 1fr}.footer__company{grid-column:1/-1}}@media (max-width:768px){.footer__main{gap:30px;grid-template-columns:1fr;padding:30px 0 20px}.footer__bottom-content{flex-direction:column;gap:15px;text-align:center}.footer__social{justify-content:center}}@media (max-width:480px){.footer__container{padding:0 15px}.footer__main{gap:25px;padding:25px 0 15px}.footer__company-name{font-size:20px}.footer__section-title{font-size:15px}}.main-page-footer{background:#f9f9f9;border-top:.5px solid #b3b3b3;color:#fff;display:flex;font-family:Pretendard;justify-content:center;min-height:169px;overflow:hidden;padding:60px 0 30px;position:relative}.main-page-footer__info-text{display:flex;margin-top:26px}.main-page-footer__contact-info{display:flex;gap:24px}.main-page-footer__link-text{cursor:pointer;transition:color .3s ease}.main-page-footer__link-text:hover{color:#4459e3}.main-page-footer__top{align-items:center;display:flex;gap:489px;margin:0 auto;width:100%}.main-page-footer__container{margin-top:-30px}.main-page-footer__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5ecee0,#468ce9 50%,#445ae3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:800;margin:0}.main-page-footer__description{color:#333;font-size:16px;margin:0}.main-page-footer__contact{align-items:flex-start;display:flex;flex-direction:column;gap:24px}.main-page-footer__contact-title{color:#f1f5f9;font-size:1.25rem;font-weight:700;margin:0}.main-page-footer__phone{color:#4d4d4d;font-size:16px;font-weight:700}.main-page-footer__bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:30px}.main-page-footer__copyright{color:#333;font-size:16px;margin-top:8px}.main-page-footer__links{display:flex;gap:24px}.main-page-footer__link{color:#cbd5e1;font-size:.875rem;text-decoration:none;transition:color .3s ease}.main-page-footer__link:hover{color:#5ecee0}.main-page-footer__logos{align-items:center;display:flex;gap:30px;justify-content:flex-start;margin-top:16px}.main-page-footer__logo-link{display:inline-block;transition:opacity .3s ease}.main-page-footer__logo-link:hover{opacity:.8}.main-page-footer__logo{height:30px;object-fit:contain;width:auto}@media (max-width:768px){.main-page-footer{padding:40px 0 20px}.main-page-footer__container{padding:0 16px}.main-page-footer__logos{margin-top:20px;padding-top:20px}.main-page-footer__logo{height:40px}.main-page-footer__logos{gap:20px}.main-page-footer__contact{gap:16px}.main-page-footer__top{gap:30px;grid-template-columns:1fr;margin-bottom:30px}.main-page-footer__title{font-size:1.5rem}.main-page-footer__description{font-size:1rem}.main-page-footer__bottom{align-items:flex-start;flex-direction:column;gap:16px}.main-page-footer__links{gap:16px}}@media (max-width:480px){.main-page-footer__title{font-size:1.25rem}.main-page-footer__description{font-size:.875rem}.main-page-footer__contact-title{font-size:1.125rem}.main-page-footer__hours,.main-page-footer__phone{font-size:.875rem}.main-page-footer__links{flex-direction:column;gap:8px}}.terms-modal-content{max-height:90vh;max-width:800px;width:90%}.terms-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.terms-title{font-size:20px;margin-bottom:24px;margin-top:0}.terms-text{color:#333;font-size:14px;line-height:1.8}.terms-article{margin-bottom:24px}.terms-article:last-child{margin-bottom:0}.terms-article h4{font-size:16px;font-weight:700;margin-bottom:12px}.terms-article p{font-size:14px;line-height:1.8;margin-bottom:10px}.terms-article ul{margin:12px 0;padding-left:24px}.terms-article li{color:#555;font-size:14px;line-height:1.8;margin-bottom:8px}.terms-article strong{color:#333;font-weight:700}.terms-table{font-size:14px;margin:16px 0}.terms-table td,.terms-table th{padding:12px}.terms-table th{color:#333}.terms-table td{color:#555}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.layout__main{flex:1 1;min-height:calc(100vh - 60px)}.layout--auth{display:flex;flex-direction:column;min-height:100vh;position:relative}.layout__main--auth{display:flex;flex:1 1;flex-direction:column;min-height:100vh}@media (max-width:1024px){.container{padding:0 15px}}@media (max-width:768px){.layout__main{padding:15px 0}.container{padding:0 15px}}@media (max-width:480px){.layout__main{padding:10px 0}.container{padding:0 10px}}html{scroll-behavior:smooth}.main-page{background:#f8fafc;min-height:100vh;position:relative}section.main-page__features.scroll-animate.animate{margin-bottom:65px}@keyframes textGlow{0%,to{text-shadow:0 0 10px #3b82f64d,0 0 20px #3b82f633,0 0 30px #3b82f61a}50%{text-shadow:0 0 20px #3b82f666,0 0 30px #3b82f64d,0 0 40px #3b82f633}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.count-up{opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.count-up.animate{opacity:1;transform:scale(1)}.market-card-animate{opacity:0;transform:translateY(50px) rotateX(10deg);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.market-card-animate.animate{opacity:1;transform:translateY(0) rotateX(0deg)}.slide-left{filter:blur(8px);opacity:0;transform:translateX(-80px) rotateY(15deg);transition:all 1s cubic-bezier(.16,1,.3,1)}.slide-left.animate{filter:blur(0);opacity:1;transform:translateX(0) rotateY(0deg)}.slide-right{filter:blur(8px);opacity:0;transform:translateX(80px) rotateY(-15deg);transition:all 1s cubic-bezier(.16,1,.3,1)}.slide-right.animate{filter:blur(0);opacity:1;transform:translateX(0) rotateY(0deg)}.scale-in{filter:blur(5px);opacity:0;transform:scale(.8) rotateX(15deg);transition:all 1s cubic-bezier(.16,1,.3,1)}.scale-in.animate{filter:blur(0);opacity:1;transform:scale(1) rotateX(0deg)}.main-page__service-card{transform-style:preserve-3d;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.main-page__service-card:hover{box-shadow:0 20px 40px -10px #00000026;transform:translateY(-10px) rotateX(-5deg) scale(1.05)}.main-page__service-card:active{transform:translateY(-5px) rotateX(-2deg) scale(1.02)}.main-page:before{background:url(/static/media/repul_dppaMAIN_bkimg.f2db4992fbceca8a5684.png) no-repeat top;background-size:cover;content:"";height:98%;left:0;position:absolute;top:-314px;width:100%}.main-page__container{margin-top:314px}.main-page__system-info{background:#fff;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:12px 24px}.main-page__system-info-left{align-items:center;display:flex;gap:24px}.main-page__screen-name{color:#1e293b;font-weight:600}.main-page__screen-path{color:#64748b}.main-page__screen-code{color:#94a3b8}.main-page__hero-content-text{align-items:flex-start;display:flex;flex-direction:column;margin-left:255px;text-align:left}.main-page__hero{color:#fff;position:relative;text-align:center;top:-60px}img.main-page__hero-image{width:100%}.main-page__hero-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);-webkit-background-clip:text!important;background-clip:text!important;background-size:300% 300%;color:#0000!important;display:inline-block;font-size:56px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 16px;position:relative}.main-page__hero-title,.main-page__hero-title.animate{animation:gradientShift 8s ease infinite}.main-page__hero-subtitle{-webkit-text-fill-color:#0000!important;animation:gradientShift 6s ease infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text!important;background-clip:text!important;background-size:200% 200%;color:#0000!important;display:inline-block;font-size:24px;font-weight:500;line-height:1.5;margin:0 0 32px;opacity:.95}.main-page__hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.main-page__hero-cta{align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(270deg,#5ecee0,#468ce9 51.44%,#445ae3);background-size:200% 200%;border-radius:24px;box-shadow:0 4px 15px 0 #667eea66;color:#fff;display:inline-block;display:flex;font-size:20px;font-weight:600;overflow:hidden;padding:12px 45px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.main-page__hero-cta:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.main-page__hero-cta:hover:before{height:300px;width:300px}.main-page__hero-cta:hover{box-shadow:0 20px 40px -10px #667eea99;transform:translateY(-5px) scale(1.05)}.main-page__hero-cta:active{transform:translateY(-2px) scale(1.02)}.main-page__hero-cta-secondary{background:#fff;border:1px solid #5ecee0;border-radius:24px;box-shadow:0 4px 15px 0 #3b82f633;color:#5ecee0;display:inline-block;font-size:1.125rem;font-weight:700;overflow:hidden;padding:12px 34px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.main-page__hero-cta-secondary:before{background:linear-gradient(135deg,#667eea33,#f093fb33);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.main-page__hero-cta-secondary:hover:before{height:300px;width:300px}.main-page__hero-cta-secondary:hover{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-color:#764ba2;box-shadow:0 20px 40px -10px #3b82f666;color:#764ba2;transform:translateY(-5px) scale(1.05)}.main-page__hero-cta-secondary:active{transform:translateY(-2px) scale(1.02)}.main-page__summary-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3;border-radius:20px;margin:0 24px;padding:0 24px 24px}.main-page__summary-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:-40px;position:relative;z-index:10}.main-page__summary-stat-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:30px 20px;text-align:center;transition:all .3s ease}.main-page__summary-stat-card:hover{background:#fffffff2;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.main-page__summary-stat-title{color:#374151;font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 15px;text-shadow:0 1px 2px #0000001a}.main-page__summary-stat-value{align-items:baseline;display:flex;gap:6px;justify-content:center}.main-page__summary-stat-number{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #0000001a}.main-page__summary-stat-number--red{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#dc2626}.main-page__summary-stat-unit{color:#6b7280;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.main-page__features{align-content:center;display:flex;justify-content:center;margin:64px auto 0;width:100%}.main-page__features-container{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center;z-index:5}.main-page__features-title{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(90deg,#1e3a8a,#3b82f6 50%,#1e3a8a);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000;display:inline-block;font-size:32px;font-weight:800;line-height:1.2;margin:0 0 30px;text-align:center;width:100%}.main-page__features-description{color:#64748b;line-height:1.8}.main-page__features-description p{color:#333;font-size:20px;font-weight:500;text-align:center}.main-page__features-description p:last-child{margin-bottom:0}.main-page__features-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.main-page__service-card{background:#fff9;border-bottom:4px solid #445ae3;border-radius:12px 12px 0 0;cursor:pointer;display:flex;flex-direction:column;height:236px;justify-content:space-between;min-height:200px;overflow:hidden;padding:20px 30px;position:relative;transition:all .3s ease;width:342.667px}.main-page__service-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.main-page__service-description{font-size:.95rem}.main-page__service-arrow{text-align:center}.main-page__service-card:hover .main-page__service-arrow{opacity:1}.main-page__services{padding:0 24px 40px}.main-page__services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-page__service-card:hover{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;transform:translateY(-4px)}.main-page__service-link{color:#fff;display:block;position:relative;text-decoration:none;z-index:2}.main-page__service-icon{display:block;font-size:2.5rem;margin-bottom:16px}.main-page__service-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 12px}.main-page__service-description{font-size:1rem;font-weight:500;line-height:1.5;margin:0;opacity:.9}.main-page__stats{padding:0 24px 24px}.main-page__stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:-40px;position:relative;z-index:10}.main-page__stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:32px 24px;text-align:center;transition:all .3s ease}.main-page__stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.main-page__stat-title{color:#64748b;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 16px}.main-page__stat-value{align-items:baseline;display:flex;gap:4px;justify-content:center}.main-page__stat-number{color:#1e293b;font-size:2.5rem;font-weight:800;line-height:1}.main-page__stat-unit{color:#64748b;font-size:1.25rem;font-weight:600}.main-page__bottom-content{background:#fff;height:352px;width:100%}.main-page__bottom-grid{align-items:center;display:flex;gap:24px;justify-content:center;margin:0 auto;max-width:1315px}.main-page__notice-section{padding:32px;width:100%}.main-page__notice-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.main-page__notice-item{border-bottom:1px solid #f1f5f9;padding:16px 0;transition:all .3s ease}.main-page__notice-item:hover{background:#f8fafc;border-radius:8px;margin:0 -16px;padding:16px}.main-page__notice-title{color:#1e293b}.main-page__notice-date{color:#64748b;font-weight:500}.main-page__customer-section{padding:32px;width:100%}.main-page__customer-info{display:flex;flex-direction:column;gap:20px;margin-top:16px}.main-page__customer-item{display:flex;gap:8px}.main-page__customer-label{color:#333;font-size:16px;font-weight:400}h2.main-page__customer-number{color:#333;font-size:40px;font-weight:400}.main-page__customer-value{color:#1e293b;font-size:1.25rem;font-weight:700}@media (max-width:1024px){.main-page__bottom-grid{grid-template-columns:1fr}.main-page__features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-page__services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.main-page__hero{margin:16px;padding:40px 24px}.main-page__hero-title{font-size:2rem}.main-page__hero-subtitle{font-size:1.125rem}.main-page__hero-buttons{align-items:center;flex-direction:column}.main-page__features-title{font-size:2rem}.main-page__features-description{font-size:1.125rem;line-height:1.6}.main-page__features-description p{margin-bottom:15px}.main-page__features-cards{gap:16px;grid-template-columns:repeat(2,1fr)}.main-page__service-card:nth-child(3){grid-column:1/-1;justify-self:center;max-width:400px}.main-page__service-description{font-size:.95rem}.main-page__features-left{padding-right:0}.main-page__features-container{gap:30px;grid-template-columns:1fr}.main-page__summary-stats{padding:0 16px 16px}.main-page__summary-stats-grid{gap:12px;grid-template-columns:repeat(3,1fr);margin-top:-20px}.main-page__summary-stat-card{padding:16px 12px}.main-page__summary-stat-number{font-size:1.5rem}.main-page__features{padding:0 16px 16px}.main-page__features-grid{gap:16px;grid-template-columns:1fr}.main-page__feature-card{padding:24px 20px}.main-page__feature-title{font-size:1.125rem}.main-page__services{padding:0 16px 16px}.main-page__services-grid{gap:16px;grid-template-columns:1fr}.main-page__service-card{padding:24px 20px}.main-page__service-title{font-size:1.125rem}.main-page__stats{padding:0 16px 16px}.main-page__stats-grid{gap:16px;grid-template-columns:repeat(2,1fr);margin-top:-20px}.main-page__stat-card{padding:24px 16px}.main-page__stat-number{font-size:2rem}.main-page__bottom-content{padding:0 16px 24px}.main-page__customer-section,.main-page__notice-section{padding:24px}.main-page__system-info{padding:12px 16px}.main-page__system-info-left{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.main-page__market-indicators-container{padding:0 12px}.main-page__market-indicators-slider{height:160px}.main-page__market-indicator-card{gap:20px;padding:12px 20px;width:280px}.main-page__market-indicator-value{font-size:24px}.main-page__market-indicator-unit{font-size:18px}.main-page__market-indicator-label{font-size:16px}.main-page__market-indicators-arrow{gap:12px;margin-top:32px}.main-page__market-indicators-arrow-image{height:24px;width:24px}.main-page__summary-stats-grid{gap:12px;grid-template-columns:1fr}.main-page__stats-grid{grid-template-columns:1fr}.main-page__hero-title{font-size:1.75rem}.main-page__hero-subtitle{font-size:1rem}.main-page__hero-cta,.main-page__hero-cta-secondary{font-size:1rem;padding:14px 24px}.main-page__features-title{font-size:1.5rem}.main-page__summary-stat-number{font-size:1.25rem}.main-page__stat-number{font-size:1.75rem}.main-page__section-title{font-size:1.25rem}.main-page__feature-title,.main-page__service-title{font-size:1rem}}@media (prefers-color-scheme:dark){.main-page{background:#0f172a}.main-page__system-info{background:#1e293b;border-bottom-color:#334155;color:#cbd5e1}.main-page__features-title,.main-page__screen-name{color:#f1f5f9}.main-page__features-subtitle{color:#94a3b8}.main-page__customer-section,.main-page__feature-card,.main-page__notice-section,.main-page__stat-card,.main-page__summary-stat-card{background:#1e293b;border-color:#334155}.main-page__stat-title,.main-page__summary-stat-title{color:#94a3b8}.main-page__stat-number,.main-page__summary-stat-number{color:#f1f5f9}.main-page__stat-unit,.main-page__summary-stat-unit{color:#94a3b8}.main-page__feature-title{color:#f1f5f9}.main-page__feature-description{color:#94a3b8}.main-page__section-title{border-bottom-color:#334155;color:#f1f5f9}.main-page__notice-title{color:#f1f5f9}.main-page__customer-label,.main-page__notice-date{color:#94a3b8}.main-page__customer-value{color:#f1f5f9}.main-page__notice-item{border-bottom-color:#334155}.main-page__notice-item:hover{background:#334155}}.main-page__market-indicators{margin-top:64px;width:100%}.main-page__market-indicators-container{margin:0 auto;padding:0 20px;position:relative;width:100%}.main-page__market-indicators-slider{height:200px;overflow:hidden;position:relative;width:100%}@keyframes slideInfinite{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.main-page__market-indicators-track{animation:slideInfinite 25s linear infinite;display:flex;gap:0;height:100%;width:-webkit-fit-content;width:fit-content;will-change:transform}.main-page__market-indicators-track.paused{animation-play-state:paused}.main-page__market-indicators-slide{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:0 10px;width:370px}.main-page__market-indicators-arrow{display:flex;gap:16px;justify-content:center;margin-top:20px}.main-page__market-indicators-arrow-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.main-page__market-indicators-arrow-button:hover{background:#fff3;transform:scale(1.1)}.main-page__market-indicators-arrow-button:active{transform:scale(.95)}.main-page__customer-section-container{align-items:flex-end;display:flex;gap:66px;justify-content:left}.main-page__section-title{color:#333;font-size:24px;font-weight:500;text-align:left}button.main-page__customer-btn{background:none;border:1px solid #5b6fe7;border-radius:3px;padding:6px 20px}button.main-page__customer-btn a{color:#5b6fe7;font-size:16px;font-weight:400;text-align:center;text-decoration:none}.main-page__section-description{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 0 32px;text-align:center}.main-page__market-indicator-card{align-items:flex-start;background:linear-gradient(270deg,#fff3,#fff3);border:1px solid #fff;border-radius:12px;box-shadow:0 4px 4px 0 #0000001a;display:flex;flex-direction:column;gap:43px;height:160px;justify-content:space-around;margin:0 auto;padding:20px 30px;text-align:center;transition:all .3s ease;width:350px}.main-page__market-indicator-card:hover{background:linear-gradient(270deg,#fff6,#fff6);border-color:#3b82f6;box-shadow:0 15px 35px -5px #3b82f640;transform:translateY(-8px) rotateX(-5deg) scale(1.02)}.main-page__market-indicator-card:active{box-shadow:0 8px 20px -5px #3b82f633;transform:translateY(-4px) rotateX(-2deg) scale(1.01)}.main-page__market-indicator-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.main-page__market-indicator-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:all .3s ease}.main-page__market-indicator-value:hover{color:#3b82f6;transform:scale(1.05)}.main-page__market-indicator-header{align-items:center;display:flex;justify-content:space-between;width:100%}.main-page__market-indicator-label{color:#333;font-size:20px;font-weight:700}.main-page__market-indicator-date{color:#4d4d4d;font-size:16px}.main-page__market-indicator-label-section{display:flex;justify-content:space-between;width:-webkit-fill-available}.main-page__market-indicator-criterion{color:#4d4d4d;font-size:14px;position:absolute;top:54px}.main-page__market-indicator-change{border-radius:6px;font-size:.75rem;font-weight:600;padding:4px 8px}.main-page__market-indicator-change.positive{background:#dcfce7;color:#166534}.main-page__market-indicator-change.negative{background:#fee2e2;color:#991b1b}.main-page__market-indicator-value{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#25327d,#445ae3);background:var(
    --dart_text,linear-gradient(90deg,#25327d 0,#445ae3 100%)
  );-webkit-background-clip:text!important;background-clip:text!important;color:#0000!important;display:inline-block;font-size:32px;font-weight:700;margin-bottom:8px}.main-page__market-indicator-unit{color:#4d4d4d;font-size:24px;font-weight:500;margin-left:4px}.main-page__ppa-pricing{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin:24px;padding:48px 24px}.main-page__ppa-pricing-container{margin:0 auto;max-width:1200px}.main-page__ppa-pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:32px}.main-page__ppa-pricing-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:32px;transition:all .3s ease}.main-page__ppa-pricing-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px -5px #3b82f626;transform:translateY(-2px)}.main-page__ppa-pricing-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 16px;text-align:center}.main-page__ppa-pricing-description{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 24px;text-align:center}.main-page__ppa-pricing-price{background:#eff6ff;border-radius:8px;color:#3b82f6;font-size:2rem;font-weight:800;margin:24px 0;padding:16px;text-align:center}.main-page__ppa-pricing-chart{color:#64748b;font-style:italic;margin-top:16px;text-align:center}.main-page__ppa-pricing-prices{margin:24px 0}.main-page__ppa-pricing-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.main-page__ppa-pricing-item:last-child{border-bottom:none}.main-page__ppa-pricing-name{color:#475569;font-weight:500}.main-page__ppa-pricing-value{color:#1e293b;font-weight:600}.main-page__ppa-pricing-summary{background:#eff6ff;border-radius:8px;margin-top:24px;padding:20px}.main-page__ppa-pricing-summary-item{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.main-page__ppa-pricing-summary-label{color:#475569;font-weight:600}.main-page__ppa-pricing-summary-value{color:#1e293b;font-weight:700}@media (max-width:768px){.main-page__market-indicators-container{padding:0 16px}.main-page__market-indicators-slider{height:180px}.main-page__market-indicator-card{gap:24px;padding:16px 24px;width:300px}.main-page__market-indicator-value{font-size:28px}.main-page__market-indicator-unit{font-size:20px}.main-page__market-indicator-label{font-size:18px}.main-page__ppa-pricing-grid{gap:24px;grid-template-columns:1fr}.main-page__ppa-pricing-card{padding:24px}.main-page__section-title{font-size:1.5rem}.main-page__section-description{font-size:1rem}}.main-page__notice-empty,.main-page__notice-loading{color:#666;font-style:italic;padding:20px;text-align:center}.main-page__notice-item{align-items:center;border-bottom:1px solid #e5e7eb;color:inherit;display:flex;justify-content:space-between;padding:12px 0;text-decoration:none;transition:background-color .2s ease}.main-page__notice-item:hover{background-color:#f9fafb;border-radius:4px;padding-left:8px;padding-right:8px}.main-page__notice-item:last-child{border-bottom:none}.main-page__notice-title{color:#374151;flex:1 1;font-weight:500;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-page__notice-date{color:#6b7280;font-size:.875rem;white-space:nowrap}.main-page__notice-more{margin-top:16px;text-align:right}.main-page__notice-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.main-page__notice-link:hover{color:#1d4ed8;text-decoration:underline}.introduction-page{background:#f8fafc;min-height:100vh;padding:40px 20px}.introduction-page__container{margin:0 auto;max-width:1200px}.introduction-page__title{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-align:center}.introduction-page__subtitle{color:#64748b;font-size:1.25rem;margin:0 0 40px;text-align:center}.introduction-page__content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:40px}.introduction-page__section{margin-bottom:40px}.introduction-page__section:last-child{margin-bottom:0}.introduction-page__section h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 16px}.introduction-page__section p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 16px}.introduction-page__section ul{list-style:none;margin:0;padding:0}.introduction-page__section li{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.introduction-page__section li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.introduction-page{padding:20px 16px}.introduction-page__title{font-size:2rem}.introduction-page__subtitle{font-size:1.125rem}.introduction-page__content{padding:24px}}@media (max-width:480px){.introduction-page__title{font-size:1.75rem}.introduction-page__subtitle{font-size:1rem}.introduction-page__content{padding:20px}}.scroll-animate{filter:blur(10px);opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.16,1,.3,1)}.scroll-animate.animate{filter:blur(0);opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.service-intro__title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.service-intro__content{margin:60px auto;max-width:1232px}.service-intro__section h2{color:#001c42;font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.service-intro__section p{color:#333;font-size:17px;line-height:1.6;margin-bottom:20px}.service-intro__benefits{border-radius:8px;margin-top:58px}.service-intro__benefits h3{color:#001c42;font-size:24px;font-weight:700;margin-bottom:15px}.service-intro__benefits ul{display:flex;gap:16px;list-style:none;padding:0}.service-intro__benefits li{align-items:center;background:#f2f4ff;border:1.6px solid #445ae3;border-radius:12px;display:flex;flex-direction:column;justify-content:center;width:100%}.service-intro__benefits strong{color:#333;font-size:17px;font-weight:700;margin-bottom:10px}.service-intro__benefits p{color:#4d4d4d;font-size:14px;font-weight:500}.service-intro__process{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.service-intro__step{flex-direction:column}.service-intro__step,.service-intro__step-content{align-items:center;display:flex;justify-content:center}.service-intro__step-content{height:30px;position:relative}.service-intro__step-content hr{background:#d9d9d9;border:none;height:4px;min-width:315px;position:absolute}.service-intro__step-content-icon{position:absolute}.service-intro__step h3{color:#333;font-size:17px;font-weight:700;margin-bottom:10px;margin-top:16px}.service-intro__step p{color:#4d4d4d;font-size:15px;line-height:1.5}.service-intro__power-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.service-intro__power-type{background:#fff;border:1.6px solid #445ae3;border-radius:12px;padding:20px;text-align:center}.service-intro__power-type h3{color:#333;font-size:17px;font-weight:700;margin-bottom:10px}.service-intro__power-type p{color:#4d4d4d;font-size:14px;font-weight:500;line-height:1.4}@media (max-width:768px){.service-intro{padding:20px 0}.service-intro__title{font-size:2rem;margin-bottom:30px}.service-intro__section{margin-bottom:20px;padding:20px}.service-intro__section h2{font-size:1.5rem}.service-intro__process{grid-template-columns:1fr}.service-intro__power-types{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.service-intro__power-types{grid-template-columns:1fr}}.service-guide{min-height:100vh;padding:40px 0}.service-guide__container{margin:60px auto 0;max-width:1200px;padding:0 24px}.service-guide__header{margin-bottom:60px;text-align:center}.service-guide__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 16px}.service-guide__subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0}.service-guide__content{display:flex;flex-direction:column;gap:60px}.service-guide__steps h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.service-guide__steps-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:30px;transition:all .3s ease}.service-step-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-4px)}.service-step-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.service-step-number{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.service-step-icon{font-size:2rem}.service-step-content h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 10px}.service-step-description{color:#64748b;line-height:1.5;margin:0 0 15px}.service-step-duration{align-items:center;display:flex;gap:8px;margin-bottom:15px}.duration-label{color:#374151;font-size:.9rem;font-weight:600}.duration-value{background:#f1f5f9;border-radius:20px;color:#3b82f6;font-size:.8rem;font-weight:600;padding:4px 12px}.service-step-details{list-style:none;margin:0;padding:0}.service-step-details li{color:#475569;font-size:.9rem;padding:6px 0 6px 16px;position:relative}.service-step-details li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.service-guide__documents h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.service-guide__documents-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.document-category{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.document-category h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.document-list{list-style:none;margin:0;padding:0}.document-list li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.9rem;padding:8px 0}.document-list li:last-child{border-bottom:none}.service-guide__benefits h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.service-guide__benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-icon{font-size:2.5rem;margin-bottom:15px}.benefit-card h3{margin:0 0 10px}.service-guide__faq h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.service-guide__faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.faq-item h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 10px}.faq-item p{color:#64748b;line-height:1.5;margin:0}.service-guide__cta{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;color:#fff;padding:60px 40px;text-align:center}.service-guide__cta-content h2{font-size:2rem;font-weight:700;margin:0 0 15px}.service-guide__cta-content p{font-size:1.1rem;margin:0 0 30px;opacity:.9}.service-guide__cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.service-guide__cta-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.service-guide__cta-button.primary{background:#fff;color:#1e40af}.service-guide__cta-button.primary:hover{box-shadow:0 10px 25px -5px #ffffff4d;transform:translateY(-2px)}.service-guide__cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.service-guide__cta-button.secondary:hover{background:#fff;color:#1e40af}@media (max-width:768px){.service-guide{padding:20px 0}.service-guide__container{padding:0 16px}.service-guide__title{font-size:2rem}.service-guide__subtitle{font-size:1.1rem}.service-guide__content{gap:40px}.service-guide__benefits-grid,.service-guide__documents-grid,.service-guide__steps-grid{gap:20px;grid-template-columns:1fr}.benefit-card,.document-category,.service-step-card{padding:20px}.service-guide__cta{padding:40px 20px}.service-guide__cta-buttons{align-items:center;flex-direction:column}.service-guide__cta-button{max-width:250px;width:100%}}@media (max-width:480px){.service-guide__title{font-size:1.75rem}.service-guide__cta{padding:30px 16px}}.service-manual{margin:60px auto;max-width:1232px}.service-manual__title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.service-manual__banner{margin-bottom:50px}.service-manual__banner-placeholder{align-items:center;background-color:#e9ecef;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;font-size:1.2rem;height:200px;justify-content:center;width:100%}.service-manual__illust{display:flex;justify-content:center;margin-bottom:40px}.service-manual__table{background:#fff;border:1px solid #ebebeb;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.service-manual__table-header{background-color:#007bff;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr}.service-manual__table-header .service-manual__table-cell{border-right:1px solid #fff3;font-size:1.1rem;font-weight:600;padding:20px;text-align:center}.service-manual__table-header .service-manual__table-cell:last-child{border-right:none}.service-manual__table-row{border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:1fr 1fr 1fr}.service-manual__table-row:last-child{border-bottom:none}.service-manual__table-cell{border-right:1px solid #e9ecef;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:25px 20px}.service-manual__table-cell:last-child{border-right:none}.service-manual__table-cell.category{background-color:#f8f9fa;color:#495057;font-size:1.1rem;font-weight:600;justify-content:center;text-align:center}.service-manual__table-cell p{color:#333;line-height:1.6;margin:0 0 8px}.service-manual__table-cell p:last-child{margin-bottom:0}.service-manual__table-cell ul{list-style-type:disc;margin:0;padding-left:20px}.service-manual__table-cell ul li{color:#333;line-height:1.6;margin-bottom:8px}.service-manual__table-cell ul li:last-child{margin-bottom:0}.service-manual__table-cell ol{list-style-type:decimal;margin:0;padding-left:20px}.service-manual__table-cell ol li{color:#333;line-height:1.6;margin-bottom:8px}.service-manual__table-cell ol li:last-child{margin-bottom:0}.service-manual__note{color:#dc3545;font-size:.9rem;font-style:italic;font-weight:500;margin-top:10px!important}@media (max-width:768px){.service-manual__title{font-size:2rem;margin-bottom:30px}.service-manual__banner-placeholder{font-size:1rem;height:150px}.service-manual__table-header,.service-manual__table-row{grid-template-columns:1fr}.service-manual__table-cell,.service-manual__table-header .service-manual__table-cell{border-bottom:1px solid #e9ecef;border-right:none;min-height:auto;padding:20px 15px}.service-manual__table-cell:last-child,.service-manual__table-header .service-manual__table-cell:last-child{border-bottom:none}.service-manual__table-cell.category{background-color:#e9ecef;font-size:1rem;padding:15px}}@media (max-width:480px){.service-manual{padding:20px 0}.service-manual__content{padding:0 15px}.service-manual__title{font-size:1.8rem;margin-bottom:25px}.service-manual__banner-placeholder{font-size:.9rem;height:120px}}.animate-fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-fade-in-up.animate-fade-in-up{opacity:1;transform:translateY(0)}.support-header{transition:transform .1s ease-out}.consulting-guide{background:#f8fafc;margin-top:60px;min-height:100vh;padding:40px 0}.consulting-guide__container{margin:0 auto;max-width:1200px;padding:0 24px}.consulting-guide__header{margin-bottom:60px;text-align:center}.consulting-guide__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 16px}.consulting-guide__subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0}.consulting-guide__hero{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;color:#fff;margin-bottom:60px;padding:60px 40px;text-align:center}.consulting-guide__hero-content h2{font-size:2rem;font-weight:700;margin:0 0 20px}.consulting-guide__hero-content p{font-size:1.1rem;line-height:1.6;margin:0 0 40px;opacity:.9}.consulting-guide__hero-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.hero-stat{text-align:center}.hero-stat-number{display:block;font-size:2.5rem;font-weight:800;margin-bottom:8px}.hero-stat-label{font-size:.9rem;opacity:.8}.consulting-guide__services{margin-bottom:60px}.consulting-guide__services h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.consulting-guide__services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.consulting-service-card{padding:30px}.consulting-service-card:hover{transform:translateY(-4px)}.consulting-service-card__header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.consulting-service-card__icon{font-size:2rem}.consulting-service-card h3{font-size:1.3rem;margin:0}.consulting-service-card__description{color:#64748b;line-height:1.5;margin:0 0 20px}.consulting-service-card__content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.service-benefits h4,.service-features h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 12px}.consulting-service-card__benefits,.consulting-service-card__features{list-style:none;margin:0;padding:0}.consulting-service-card__benefits li,.consulting-service-card__features li{color:#475569;font-size:.9rem;padding:6px 0 6px 16px;position:relative}.consulting-service-card__features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.consulting-service-card__benefits li:before{color:#3b82f6;content:"→";font-weight:700;left:0;position:absolute}.consulting-guide__process{margin-bottom:60px}.consulting-guide__process h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.consulting-guide__process-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.process-step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:30px;position:relative;text-align:center}.process-step__number{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.process-step__content h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 10px}.process-step__description{color:#64748b;font-weight:500;line-height:1.5;margin:0 0 8px}.process-step__details{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}.consulting-guide__success{margin-bottom:60px}.consulting-guide__success h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.consulting-guide__success-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.success-story-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px;transition:all .3s ease}.success-story-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.success-story-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.success-story-header h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.success-story-industry{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.8rem;font-weight:500;padding:4px 12px}.success-story-info p{color:#64748b;font-size:.9rem;line-height:1.5;margin:8px 0}.consulting-guide__team{margin-bottom:60px}.consulting-guide__team h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.consulting-guide__team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-member-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:20px;padding:24px}.team-member-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.team-member-initial{color:#fff;font-size:1.5rem;font-weight:700}.team-member-info h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 8px}.team-member-position{color:#3b82f6;font-size:.9rem;font-weight:600;margin:0 0 12px}.team-member-experience,.team-member-expertise{color:#64748b;font-size:.9rem;margin:6px 0}.team-member-description{color:#475569;font-size:.9rem;line-height:1.5;margin:12px 0 0}.consulting-guide__benefits{margin-bottom:60px}.consulting-guide__benefits h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center}.consulting-guide__benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:30px;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.benefit-card h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.benefit-card p{color:#64748b;line-height:1.5;margin:0}.consulting-guide__cta{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;color:#fff;padding:60px 40px;text-align:center}.consulting-guide__cta-content h2{font-size:2rem;font-weight:700;margin:0 0 15px}.consulting-guide__cta-content p{font-size:1.1rem;margin:0 0 30px;opacity:.9}.consulting-guide__cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.consulting-guide__cta-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.consulting-guide__cta-button.primary{background:#fff;color:#1e40af}.consulting-guide__cta-button.primary:hover{box-shadow:0 10px 25px -5px #ffffff4d;transform:translateY(-2px)}.consulting-guide__cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.consulting-guide__cta-button.secondary:hover{background:#fff;color:#1e40af}@media (max-width:768px){.consulting-guide{padding:20px 0}.consulting-guide__container{padding:0 16px}.consulting-guide__title{font-size:2rem}.consulting-guide__subtitle{font-size:1.1rem}.consulting-guide__hero{padding:40px 20px}.consulting-guide__hero-content h2{font-size:1.5rem}.consulting-guide__hero-stats{gap:20px}.hero-stat-number{font-size:2rem}.consulting-guide__benefits-grid,.consulting-guide__process-steps,.consulting-guide__services-grid,.consulting-guide__success-grid,.consulting-guide__team-grid{gap:20px;grid-template-columns:1fr}.benefit-card,.consulting-service-card,.process-step,.success-story-card{padding:20px}.consulting-service-card__content{gap:16px;grid-template-columns:1fr}.team-member-card{flex-direction:column;text-align:center}.consulting-guide__cta-buttons{align-items:center;flex-direction:column}.consulting-guide__cta-button{max-width:250px;width:100%}}@media (max-width:480px){.consulting-guide__title{font-size:1.75rem}.consulting-guide__hero{padding:30px 16px}.consulting-guide__hero-content h2{font-size:1.3rem}}.consulting-application-page{background:#f8fafc;margin-top:60px;min-height:100vh;padding:40px 0}.consulting-application-page__container{margin:0 auto;max-width:1200px;padding:0 24px}.consulting-application-page__header{margin-bottom:60px;text-align:center}.consulting-application-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 16px}.consulting-application-page__subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0}.consulting-application-page__content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.consulting-application-page__info h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px}.consulting-application-page__services{display:flex;flex-direction:column;gap:20px}.consulting-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px;transition:all .3s ease}.consulting-service-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.consulting-service-card h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 8px}.consulting-service-card p{color:#64748b;line-height:1.5;margin:0}.consulting-application-page__form{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;padding:40px}.consulting-application-page__form h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px;text-align:center}.form-group{margin-bottom:24px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{min-height:120px;resize:vertical}.consulting-application-page__submit{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:16px 32px;transition:all .3s ease;width:100%}.consulting-application-page__submit:hover{box-shadow:0 10px 25px -5px #3b82f64d;transform:translateY(-2px)}@media (max-width:1024px){.consulting-application-page__content{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.consulting-application-page{padding:20px 0}.consulting-application-page__container{padding:0 16px}.consulting-application-page__title{font-size:2rem}.consulting-application-page__subtitle{font-size:1.1rem}.consulting-application-page__form{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.consulting-application-page__title{font-size:1.75rem}.consulting-application-page__form{padding:20px}}.simulator__container{margin:100px auto;max-width:1200px;padding:0 24px}.simulator__header{margin-bottom:60px;text-align:center}.simulator__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 16px}.simulator__subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0}.simulator__content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:60px}.simulator__input-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;padding:40px}.simulator__input-section h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px}.simulator__form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.simulator__run-button{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:16px 32px;transition:all .3s ease}.simulator__run-button:hover:not(:disabled){box-shadow:0 10px 25px -5px #3b82f64d;transform:translateY(-2px)}.simulator__run-button:disabled{cursor:not-allowed;opacity:.5}.simulator__results{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;padding:40px}.simulator__results h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px;text-align:center}.simulator__results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.result-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-card h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.result-value{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 8px}.result-description{color:#64748b;font-size:.85rem;margin:0}.simulator__detailed-results-btn{background:none;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin:20px auto;padding:12px 24px;transition:all .3s ease}.simulator__detailed-results-btn:hover{background:#3b82f6;color:#fff}.simulator__detailed-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:24px}.simulator__detailed-results h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.detailed-results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detailed-result-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.detailed-label{color:#374151;font-size:.9rem;font-weight:600}.detailed-value{color:#1e40af;font-size:.9rem;font-weight:700}.simulator__cta{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;color:#fff;margin-top:30px;padding:30px;text-align:center}.simulator__cta h3{font-size:1.3rem;font-weight:700;margin:0 0 8px}.simulator__cta p{font-size:1rem;margin:0 0 20px;opacity:.9}.simulator__cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.simulator__cta-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.simulator__cta-btn.primary{background:#fff;color:#1e40af}.simulator__cta-btn.primary:hover{box-shadow:0 10px 25px -5px #ffffff4d;transform:translateY(-2px)}.simulator__cta-btn.secondary{background:#0000;border:2px solid #fff;color:#fff}.simulator__cta-btn.secondary:hover{background:#fff;color:#1e40af}.simulator__info{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;padding:40px}.simulator__info h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px;text-align:center}.simulator__info-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.info-card h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 15px}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#64748b;font-size:.9rem;line-height:1.5;padding:6px 0}@media (max-width:1024px){.simulator__content{gap:40px;grid-template-columns:1fr}.simulator__info-content{gap:20px}.detailed-results-grid,.simulator__info-content{grid-template-columns:1fr}}@media (max-width:768px){.simulator{padding:20px 0}.simulator__container{padding:0 16px}.simulator__title{font-size:2rem}.simulator__subtitle{font-size:1.1rem}.simulator__info,.simulator__input-section,.simulator__results{padding:24px}.form-row,.simulator__results-grid{gap:16px;grid-template-columns:1fr}.simulator__cta-buttons{align-items:center;flex-direction:column}.simulator__cta-btn{max-width:200px;width:100%}}@media (max-width:480px){.simulator__title{font-size:1.75rem}.simulator__info,.simulator__input-section,.simulator__results{padding:20px}}.support{background:#0000;min-height:100vh;position:relative}.support__container{margin:100px auto 0;max-width:1000px;min-height:100vh}.support-header{align-items:center;background:#0000;display:flex;height:418px;justify-content:space-between;margin-bottom:40px;text-align:center}.support__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 16px}.support__subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0}.support__controls{margin-bottom:40px}.support__search{margin-bottom:20px}.support__search-input{background:none;border-bottom:1px solid #445ae3!important;border:none;border-radius:3px;color:#4d4d4d;font-size:15px;font-weight:400;width:100%}.support__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.support__categories{display:flex;flex-wrap:wrap;gap:10px}.support__category-btn{background:none;border:1px solid #445ae3;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:700;height:35px;transition:all .3s ease;width:98px}.support__category-btn:hover{border-color:#3b82f6;color:#3b82f6}.support__category-btn.active{background:#445ae3;border-radius:8px;color:#fff}.support__list{margin-bottom:40px}.support__item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:12px;overflow:hidden}.support__question{align-items:center;background:#edf4ff;border:1px solid #ebebeb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .3s ease;width:100%}.support__question.expanded{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;transition:all .3s ease}.support__question-text{color:#333;font-size:15px;font-weight:600;margin:0}.support__arrow{color:#64748b;font-size:.8rem;transition:transform .3s ease}.support__answer{background:#edf4ff;max-height:0;overflow:hidden;transition:max-height .3s ease}.support__answer.expanded{border:1px solid #ebebeb;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none;padding:12px 24px 70px}.support__answer p{color:#64748b;line-height:1.6;margin:0}.support__notice-item{align-items:center;background:#edf4ff;border:1px solid #ebebeb;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:16px;padding:24px;transition:all .3s ease}.support__notice-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.support__notice-item.important{border-left:4px solid #ef4444}.support__notice-header{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.support__notice-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.support__important-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.support__notice-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.support__notice-meta{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-top:10px}.support__notice-category{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500}.support__notice-date{color:#94a3b8;font-size:.8rem}.support__notice-content{color:#64748b;line-height:1.5;margin:0 0 16px}.support__notice-detail-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;padding:0;text-decoration:underline}.support__notice-detail-btn:hover{color:#1e40af}.support__empty,.support__loading{color:#64748b;padding:60px 20px;text-align:center}.support__loading p{font-size:1.1rem;margin:0}.support__error{color:#dc2626;padding:60px 20px;text-align:center}.support__error p{font-size:1.1rem;margin:0 0 20px}.support__retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.support__retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.support__pagination{gap:16px}.support__pagination,.support__pagination-btn{align-items:center;display:flex;justify-content:center}.support__pagination-btn{background:none;border:none;cursor:pointer;gap:10px;transition:all .3s ease}.support__pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.support__pagination-btn:disabled{cursor:not-allowed}.support__pagination-current{color:#1e293b;font-weight:600}.support__contact{padding:40px;text-align:center}.support__contact h2{color:#1e293b;font-size:20px;font-weight:0;margin:0 0 12px}.support__contact p{color:#4d4d4d;font-size:15px;margin:0 0 24px}.support__contact-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.support__contact-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.support__contact-btn.primary{background:#445ae3;border-radius:5px;color:#fff}.support__contact-btn.primary:hover{box-shadow:0 10px 25px -5px #3b82f64d;transform:translateY(-2px)}.support__contact-btn.secondary{background:#fff;border:1px solid #445ae3;border-radius:5px;color:#3b82f6}.support__contact-btn.secondary:hover{background:#3b82f6;color:#fff}@media (max-width:768px){.support{padding:20px 0}.support__container{padding:0 16px}.support__title{font-size:2rem}.support__subtitle{font-size:1.1rem}.support__question{padding:16px 20px}.support__answer.expanded{padding:0 20px 16px}.support__notice-header{align-items:flex-start;flex-direction:column;gap:12px}.support__notice-meta{align-items:flex-start}.support__categories{justify-content:center}.support__contact{padding:24px}.support__contact-buttons{align-items:center;flex-direction:column}.support__contact-btn{max-width:200px;width:100%}}@media (max-width:480px){.support__title{font-size:1.75rem}.support__question-text{font-size:.9rem}.support__notice-item{padding:16px}.support__notice-title{font-size:1rem}.support__contact{padding:20px}}.support__tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.support__tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.support__tab:hover{color:#3498db}.support__tab--active{border-bottom-color:#3498db;color:#3498db}.support__faq h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.support__faq-list{display:flex;flex-direction:column;gap:10px}.support__faq-item{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.support__faq-question{align-items:center;background:#fff;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:15px 20px;text-align:left;transition:background .3s ease;width:100%}.support__faq-question:hover{background:#f8f9fa}.support__faq-icon{font-size:12px;transition:transform .3s ease}.support__faq-icon--expanded{transform:rotate(180deg)}.support__faq-answer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px}.support__faq-answer p{color:#555;font-size:14px;line-height:1.6;margin:0}.support__contact h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.support__contact-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.support__contact-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px}.support__contact-item h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.support__contact-item p{color:#555;font-size:14px;margin:8px 0}.support__contact-item strong{color:#2c3e50}.support__contact-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px}.support__contact-form h3{color:#2c3e50;font-size:18px;margin-bottom:20px}.support__form{display:flex;flex-direction:column;gap:15px}.support__form-group{display:flex;flex-direction:column;gap:5px}.support__form-group label{color:#2c3e50;font-size:14px;font-weight:500}.support__form-group input,.support__form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .3s ease}.support__form-group input:focus,.support__form-group textarea:focus{border-color:#3498db}.support__form-group textarea{min-height:100px;resize:vertical}.support__submit-btn{align-self:flex-start;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .3s ease}.support__submit-btn:hover{background:#2980b9}.support__guide h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.support__guide-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support__guide-step{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;position:relative;text-align:center}.support__guide-step:before{align-items:center;background:#3498db;border-radius:50%;color:#fff;content:"";display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;left:20px;position:absolute;top:20px;width:30px}.support__guide-step:first-child:before{content:"1"}.support__guide-step:nth-child(2):before{content:"2"}.support__guide-step:nth-child(3):before{content:"3"}.support__guide-step:nth-child(4):before{content:"4"}.support__guide-step h3{color:#2c3e50;font-size:18px;margin:20px 0 10px}.support__guide-step p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.support__title{font-size:28px}.support__tabs{flex-direction:column;gap:5px}.support__tab{border-bottom:none;border-left:3px solid #0000;text-align:left}.support__tab--active{border-left-color:#3498db}.support__contact-info{gap:20px}.support__contact-info,.support__guide-steps{grid-template-columns:1fr}}@media (max-width:480px){.support__title{font-size:24px}.support__faq-question{font-size:14px;padding:12px 15px}.support__faq-answer{padding:15px}.support__contact-form,.support__contact-item,.support__guide-step{padding:20px}}.notice-detail{background:#0000;min-height:100vh;padding:40px 0;position:relative}.notice-detail__container{margin:0 auto;max-width:800px;padding:0 24px;position:relative;z-index:1}.notice-detail__header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.notice-detail__back-button{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 12px;transition:all .3s ease}.notice-detail__back-button:hover{background:#f1f5f9;color:#1e40af}.notice-detail__title{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.notice-detail__content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.notice-detail__article{padding:32px}.notice-detail__article-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.notice-detail__article-title-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.notice-detail__important-badge{background:#ef4444;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;white-space:nowrap}.notice-detail__article-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0}.notice-detail__article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.notice-detail__article-category{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:.85rem;font-weight:500;padding:6px 12px}.notice-detail__article-date,.notice-detail__article-views{color:#94a3b8;font-size:.9rem}.notice-detail__article-body{line-height:1.8}.notice-detail__article-content{color:#374151;font-size:1rem}.notice-detail__content-line{margin:0 0 16px;white-space:pre-wrap}.notice-detail__content-line:last-child{margin-bottom:0}.notice-detail__attachments{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.notice-detail__attachments-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px}.notice-detail__attachments-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.notice-detail__attachment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.notice-detail__attachment-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.notice-detail__attachment-link{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:color .2s ease;width:100%}.notice-detail__attachment-link:hover{color:#1e293b}.notice-detail__attachment-icon{flex-shrink:0;font-size:1.2rem}.notice-detail__attachment-name{font-size:.95rem;font-weight:500;word-break:break-all}.notice-detail__actions{margin-top:32px;text-align:center}.notice-detail__back-to-list-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.notice-detail__back-to-list-btn:hover{background:#1e40af;transform:translateY(-1px)}.notice-detail__loading{color:#64748b;padding:80px 20px;text-align:center}.notice-detail__loading p{font-size:1.1rem;margin:0}.notice-detail__error{color:#dc2626;padding:80px 20px;text-align:center}.notice-detail__error p{font-size:1.1rem;margin:0 0 24px}.notice-detail__error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.notice-detail__retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.notice-detail__retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.notice-detail__back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.notice-detail__back-btn:hover{background:#4b5563;transform:translateY(-1px)}.notice-detail__not-found{color:#64748b;padding:80px 20px;text-align:center}.notice-detail__not-found p{font-size:1.1rem;margin:0 0 24px}@media (max-width:768px){.notice-detail{padding:20px 0}.notice-detail__container{padding:0 16px}.notice-detail__header{align-items:flex-start;flex-direction:column;gap:12px}.notice-detail__title{font-size:1.75rem}.notice-detail__article{padding:24px}.notice-detail__article-title{font-size:1.25rem}.notice-detail__article-meta{align-items:flex-start;flex-direction:column;gap:8px}.notice-detail__error-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.notice-detail__article{padding:20px}.notice-detail__article-title{font-size:1.1rem}.notice-detail__article-content{font-size:.9rem}}.login-page{background:#f3f8fe;display:flex;flex-direction:column;min-height:100vh}.login-page__container{display:flex;flex:1 1;min-height:calc(100vh - 60px)}.login-page__left{align-items:center;flex:1 1;justify-content:center;position:relative}.login-page__left,.login-page__logo-container{display:flex;flex-direction:column}.login-page__logo-text{color:#2563eb;font-size:24px;font-weight:700;letter-spacing:-.5px}.login-page__logo-text:first-letter{font-size:28px}.login-page__title{color:#333;font-size:40px;font-weight:700;margin-bottom:20px;margin-top:70px}.login-page__message{border-radius:8px;font-size:14px;margin-bottom:20px;max-width:400px;padding:12px 16px;text-align:center;width:100%}.login-page__message--success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.login-page__message--error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.login-form{margin-bottom:30px;width:30rem}.login-form__group{margin-bottom:24px}.login-form__label{color:grey;display:block;font-size:14px;font-weight:500;margin-bottom:20px}.login-form__input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;height:48px;padding:12px 16px;transition:all .2s ease;width:100%}.login-form__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-form__input:disabled{background-color:#f9fafb;cursor:not-allowed}.login-form__options{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.login-form__checkbox{align-items:center;cursor:pointer;display:flex}.login-form__checkbox input[type=checkbox]{accent-color:#2563eb;height:16px;margin-right:8px;width:16px}.login-form__checkbox-text{color:grey;font-size:16px}.login-form__link{color:#445ae3;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s ease}.login-form__link:hover{color:#1d4ed8;text-decoration:underline}.login-form__links{align-items:center;display:flex;gap:8px}.login-form__separator{color:#9ca3af;font-size:14px}.login-form__submit-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.login-form__submit-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.login-form__submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.login-form__loading{align-items:center;display:flex;gap:8px;justify-content:center}.login-form__loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-page__signup{margin-bottom:40px;text-align:center}.login-page__signup-text{color:grey;font-size:16px;margin-right:8px}.login-page__signup-link{color:#1c3dbd;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s ease}.login-page__signup-link:hover{color:#1d4ed8;text-decoration:underline}.login-page__naeri{bottom:40px;left:80px;position:absolute}.login-page__naeri-text{color:#9ca3af;font-size:14px;font-weight:500}.login-page__right{align-items:flex-start;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative;top:24px}.login-page__welcome{left:113px;margin-bottom:60px;position:absolute;text-align:center;top:100px;z-index:2}.login-page__welcome-title{color:#445ae3;display:flex;font-size:28px;font-weight:700;margin-bottom:18px}.login-page__welcome-description{color:#445ae3;font-size:16px;font-weight:700}.login-page__illustration{align-items:center;display:flex;height:95%;justify-content:flex-start;position:absolute;top:0;width:97%;z-index:1}.login-page__illustration img{border-radius:16px;height:100%;opacity:.8;width:100%}.login-page__footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;height:28px;justify-content:center}.login-page__footer-text{color:#9ca3af;font-size:12px}@media (max-width:1024px){.login-page__container{flex-direction:column}.login-page__left,.login-page__right{flex:none;min-height:50vh}.login-page__left,.login-page__right{padding:40px}.login-page__illustration{height:300px}}@media (max-width:768px){.login-page__left,.login-page__right{padding:30px 20px}.login-page__logo{margin-bottom:20px;position:static}.login-page__naeri{margin-top:20px;position:static}.login-page__title{font-size:24px;margin-bottom:30px}.login-page__welcome-title{font-size:22px}.login-page__welcome-description{font-size:14px}.login-form{max-width:100%}.login-page__illustration{height:250px}}@media (max-width:480px){.login-page__left,.login-page__right{padding:20px 15px}.login-page__title{font-size:20px}.login-page__welcome-title{font-size:18px}.login-form__input{font-size:16px}}.searchable-select{position:relative;width:100%}.select-trigger{align-items:center;background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:12px 16px;transition:all .3s ease}.select-trigger:hover:not(.disabled){border-color:#667eea}.select-trigger.open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.select-trigger.disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.selected-value{color:#333;flex:1 1;font-size:1rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#666;font-size:.8rem;margin-left:8px}.select-trigger.open .dropdown-arrow{transform:rotate(180deg)}.select-dropdown{background:#fff;border:2px solid #e1e5e9;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:12px}.search-input{background:#fff;border:1px solid #ddd;border-radius:3px;font-size:.9rem;height:36px;outline:none;padding:8px 12px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.options-container{max-height:200px;overflow-y:auto}.option{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.9rem;line-height:1.4;padding:12px 16px;transition:background-color .2s ease}.option:hover{background-color:#f8f9fa}.option.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.option:last-child{border-bottom:none}.no-options{background-color:#f8f9fa;color:#666;font-style:italic;padding:20px;text-align:center}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#f1f1f1}.options-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.select-trigger{font-size:.9rem;padding:10px 12px}.option,.search-input{font-size:.85rem}.option{padding:10px 12px}}.signup-page{background:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative;top:-60px}.signup-page:before{background-image:url(/static/media/cover.20d362402c383da46f15.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.1;position:fixed;top:0;width:100%;z-index:-10}.signup-container{background:#0000;display:flex;flex:1 1;flex-direction:column;min-height:100vh;padding-top:60px;width:100%}.signup-header{align-items:center;background:#0000;border-bottom:1px solid #f0f0f04d;display:flex;justify-content:space-between}.signup-title{color:#333;font-size:2.5rem;font-weight:700;left:13%;margin:0;position:absolute;text-align:left}.signup-illustration{align-items:center;display:flex;justify-content:center;width:100%}.signup-illustration img{height:100%;object-fit:contain;width:100%}.progress-rectangle{align-items:center;background:#f5f6fa;display:flex;gap:0;height:106px;justify-content:center;margin:0 auto;padding:24px 40px;width:100%}.progress-step-rectangle{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:140px;position:relative}.progress-step-rectangle:not(:last-child):after{background:#e0e0e0;content:"";height:2px;left:calc(58% + 16px);position:absolute;top:16px;width:calc(85% - 32px);z-index:1}.progress-step-rectangle.active:not(:last-child):after{background:#445ae3}.step-number{align-items:center;border:2px solid #b3b3b3;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-bottom:10px;position:relative;width:32px;z-index:2}.progress-step-rectangle.active .step-number{background:#fff;border:2px solid #445ae3;color:#445ae3}.step-label{color:grey;font-size:14px;font-weight:700}.progress-step-rectangle.active .step-label{color:#445ae3;font-weight:700}.signup-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px 0 15px}.signup-step{max-width:1060px;width:100%}.member-type-selection{display:flex;gap:24px;justify-content:center}.member-type-tabs{border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:0;margin-bottom:40px;overflow:hidden}.member-type-tab{background:#fff;border-right:1px solid #e0e0e0;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px 24px;text-align:center;transition:all .3s ease;width:530px}.member-type-tab:last-child{border-right:none}.member-type-tab.active{background:#445ae3;color:#fff}.member-type-tab:hover:not(.active){background:#f8f9fa}.member-type-box{background:#f5f6fa;border:1.6px solid grey;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:206px;justify-content:flex-end;padding:19px 0;position:relative;text-align:center;transition:all .3s ease;width:240px}.member-type-box:hover{background:#f2f4ff;border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.member-type-box.selected{background:#f2f4ff;border:1.6px solid #445ae3;color:#4d4d4d}.member-type-icon{align-items:center;display:flex;height:55px;justify-content:center;margin:0 auto 20px;position:relative;width:48px}.member-type-icon img{height:100%;object-fit:contain;width:100%}.member-type-box .member-type-icon img{opacity:1}.member-type-box:hover .member-type-icon img{opacity:.8;transform:scale(1.05)}.member-type-label{font-size:1.3rem;font-weight:600;margin-bottom:15px}.member-type-description{color:#4d4d4d;font-size:14px;font-weight:500;text-align:center}.member-type-box.selected .member-type-description{color:#4d4d4d}.member-type-check{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:15px;width:30px}.terms-section{width:100%}.terms-checkbox{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;margin-bottom:20px}.terms-checkbox input[type=checkbox]{accent-color:#667eea;height:20px;margin-right:12px;width:20px}.terms-checkbox.all-agree{color:#333;font-size:18px;font-weight:700}.terms-item{margin-bottom:30px}.terms-content{border:1px solid #e0e0e0;border-radius:12px;margin-top:15px;overflow:hidden}.terms-title{color:#333;font-size:18px;font-weight:600;font-weight:700;margin-top:28px;text-align:center}.terms-text{font-size:.9rem;line-height:1.6;max-height:240px;overflow-y:auto;padding:20px}.terms-article{margin-bottom:20px}label.terms-checkbox span{font-size:18px;font-weight:700}.terms-article h4{color:#333;font-size:1rem;margin-bottom:10px}.terms-article p{color:#555;font-size:12px;margin-bottom:8px}.terms-table{border-collapse:collapse;font-size:.85rem;margin:15px 0;width:100%}.terms-table td,.terms-table th{border:1px solid #ddd;padding:8px 12px;text-align:left}.terms-table th{background:#f8f9fa;font-weight:600}.signup-form{max-width:1060px;width:100%}.info-section{margin-bottom:30px;padding:30px}.section-title-signup{border-bottom:1px solid #555454;color:#333;font-size:20px;font-weight:700;margin-bottom:5px;padding-bottom:26px;text-align:left}.section-actions{align-items:center;display:flex;gap:20px}.same-as-corp{color:#666;cursor:pointer;font-size:14px;text-decoration:underline}.form-field-row{align-items:center;display:flex;gap:20px;padding:5px 0}.form-divider{background:#d9d9d9;height:0;width:100%}.form-divider-last{background:grey;height:1px;width:100%}.form-field-row label{color:#333;font-size:16px;font-weight:400;min-width:150px}.form-field-row label:after{color:red;content:" *";font-weight:600}.input-field{align-items:center;display:flex;gap:26px}.input-with-button input{flex:1 1}.email-input-row{align-items:center;display:flex;flex:1 1;gap:8px}.email-local{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;height:35px;padding:0 16px;transition:all .3s ease;width:150px}.email-separator{color:#333;font-size:16px;font-weight:500;margin:0 4px}.email-domain{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;height:35px;padding:0 16px;transition:all .3s ease;width:150px}.phone-separator{color:#333;font-size:16px;font-weight:500;margin:0 8px}.same-as-corp-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:-550px}.same-as-corp-checkbox input[type=checkbox]{height:16px;margin:0;width:16px}.site-header{border-bottom:1px solid #e0e0e0;padding-bottom:10px}.site-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.remove-site-button{background:#ff4757;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.password-hint{color:#666;font-size:16px;margin-top:5px}.password-validation{display:flex;gap:4px}.password-rule{align-items:center;color:#666;display:flex;font-size:15px;gap:6px;transition:color .2s ease}.password-rule.valid{color:#4caf50}.password-rule .rule-icon{font-size:14px;font-weight:700;min-width:16px;text-align:center}.password-rule.valid .rule-icon{color:#4caf50}.password-confirm-validation{align-items:center;display:flex;font-size:15px;gap:6px;margin-top:8px;transition:color .2s ease}.password-confirm-validation.valid{color:#4caf50}.password-confirm-validation.invalid{color:#ef4444}.password-confirm-validation .confirm-icon{font-size:14px;font-weight:700;min-width:16px;text-align:center}.field-note{color:#666;font-size:12px;font-style:italic;margin-top:4px}input,select{background:#e9ebeb;border:none;font-size:16px;height:35px;padding:0 16px;transition:all .3s ease;width:378px}input:focus,select:focus{outline:none}.add-site-button,.address-search-button,.check-button,.file-button,.remove-site-button,.verify-button{background:#445ae3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 28px;transition:all .3s ease;white-space:nowrap}.add-site-button:disabled,.check-button:disabled,.file-button:disabled,.verify-button:disabled{background:#445ae3;cursor:not-allowed}.check-result{font-size:15px;font-weight:500}.check-result.success{color:#4caf50}.check-result.error{color:#f44336}.password-match,.password-strength{font-size:.9rem;margin-top:8px}.password-match .match,.password-strength.strong{color:#4caf50}.password-match .no-match,.password-strength.weak{color:#f44336}.verification-code-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-top:15px;padding:20px}.verification-input-container{gap:10px;margin-bottom:15px}.verification-input-container input{flex:1 1}.verification-note{color:#666;font-size:.9rem;text-align:center}.email-verified-message{color:#4caf50;font-size:.9rem;font-weight:500;margin-top:8px}.site-header{justify-content:space-between;margin-bottom:20px}.checkbox-option,.site-header{align-items:center;display:flex}.checkbox-option{cursor:pointer}.checkbox-option input[type=checkbox]{accent-color:#667eea;height:18px;margin-right:8px;width:18px}.file-upload{cursor:pointer;display:inline-block;position:relative}.file-upload input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-upload span{background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;color:#666;display:inline-block;padding:12px 20px;transition:all .3s ease}.file-upload:hover span{border-color:#667eea;color:#667eea}.signup-actions{align-items:center;display:flex;gap:24px;justify-content:center;padding:30px 60px}.button-group-left,.button-group-right{display:flex;gap:20px}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:17px;font-weight:700;min-width:240px;padding:15px 30px;transition:all .3s ease}.cancel-button{background:#fff;border:1.6px solid grey;color:#333}.cancel-button:hover{background:#f8f9fa;border-color:#ccc}.prev-button{background:#6c757d;color:#fff}.prev-button:hover{background:#5a6268}.next-button{background:#445ae3;color:#fff}.next-button:hover{background:#5a6fd8}.next-button:disabled{background:#445ae3;cursor:not-allowed}.complete-message{margin:0 auto;max-width:500px;padding:60px 40px;text-align:center}.complete-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.complete-message h3{color:#333;font-size:1.8rem;margin-bottom:20px}.complete-message p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:15px}.complete-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:30px;padding:15px 40px;transition:all .3s ease}.complete-button:hover{background:#5a6fd8;transform:translateY(-2px)}.error-message{border-radius:8px;font-size:.95rem;margin:20px 60px;padding:15px 20px}.loading-placeholder{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;padding:20px;text-align:center}.signup-footer{background:#0000;color:#999;font-size:12px;height:24px;padding:20px;text-align:center}.signup-footer p{margin:0}@media (max-width:768px){.signup-page{padding:0}.signup-container{width:100%}.signup-header{padding:30px 20px}.signup-title{font-size:2rem;text-align:center}.progress-bar{flex-direction:column;gap:20px}.progress-step:not(:last-child):after{display:none}.signup-content{flex-direction:column}.signup-left{padding:30px 20px}.signup-right{min-height:300px;padding:20px}.member-type-selection,.verification-methods{gap:20px;grid-template-columns:1fr}.form-row{gap:15px;grid-template-columns:1fr}.signup-actions{flex-direction:column;padding:20px}.action-button{width:100%}.error-message{margin:20px}}@media (max-width:480px){.signup-header{padding:20px 15px}.signup-title{font-size:1.8rem}.signup-left{padding:20px 15px}.member-type-box{padding:30px 20px}.member-type-icon{height:60px;width:60px}.info-section{padding:20px 15px}}.input-with-button{align-items:center;display:flex;gap:10px}.input-with-button input[type=file]{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;padding:12px}.file-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px}.file-button:hover{background-color:#0056b3}.file-button:disabled{background-color:#6c757d;cursor:not-allowed}.file-info{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin-top:8px;padding:8px 12px}.file-name{color:#06c;cursor:pointer;font-size:14px;font-weight:700}.find-password-page{background:#f3f8fe;display:flex;flex-direction:column;min-height:100vh}.find-password-page__container{display:flex;flex:1 1;min-height:calc(100vh - 60px)}.find-password-page__left{align-items:center;flex:1 1;justify-content:center;position:relative}.find-password-page__left,.find-password-page__logo-container{display:flex;flex-direction:column}.find-password-page__logo-text{color:#2563eb;font-size:24px;font-weight:700;letter-spacing:-.5px}.find-password-page__logo-text:first-letter{font-size:28px}.find-password-page__title{color:#333;font-size:40px;font-weight:700;margin-bottom:20px;margin-top:70px}.find-password-page__message{border-radius:8px;font-size:14px;margin-bottom:20px;max-width:30rem;padding:12px 16px;text-align:center;width:100%}.find-password-page__message--success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.find-password-page__message--error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.find-password-form{margin-bottom:30px;width:30rem}.find-password-form__group{margin-bottom:24px}.find-password-form__label{color:grey;display:block;font-size:14px;font-weight:500;margin-bottom:20px}.find-password-form__input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;height:48px;padding:12px 16px;transition:all .2s ease;width:100%}.find-password-form__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.find-password-form__input:disabled{background-color:#f9fafb;cursor:not-allowed}.email-input-container{display:flex;gap:8px}.email-verify-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.email-verify-btn:hover:not(:disabled){background:#1d4ed8}.email-verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.verification-input-container{display:flex;gap:8px}.verify-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.verify-btn:hover:not(:disabled){background:#059669}.verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.email-verified-message{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.find-password-form__submit-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.find-password-form__submit-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.find-password-form__submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.find-password-form__loading{align-items:center;display:flex;gap:8px;justify-content:center}.find-password-form__loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.user-info{background:#f3f4f6;border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.user-info__label{color:#6b7280;font-size:14px;margin-bottom:4px}.user-info__value{color:#1f2937;font-size:18px;font-weight:600}.success-message{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:30rem;padding:40px 20px;text-align:center;width:100%}.success-message__icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.success-message h3{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:16px}.success-message p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:12px}.success-message__note{color:#9ca3af;font-size:12px;margin-bottom:24px}.find-password-page__actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.find-password-page__btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.find-password-page__btn:hover{background:#e5e7eb}.find-password-page__btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.find-password-page__btn--primary:hover{background:#1d4ed8}.find-password-page__links{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center}.find-password-page__link{background:none;border:none;color:#445ae3;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s ease}.find-password-page__link:hover{color:#1d4ed8;text-decoration:underline}.find-password-page__separator{color:#9ca3af;font-size:14px}.find-password-page__right{align-items:flex-start;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative;top:24px}.find-password-page__welcome{left:113px;margin-bottom:60px;position:absolute;text-align:center;top:100px;z-index:2}.find-password-page__welcome-title{color:#445ae3;display:flex;font-size:32px;font-weight:700;margin-bottom:18px}.find-password-page__welcome-description{color:#445ae3;font-size:20px;font-weight:700}.find-password-page__illustration{align-items:center;display:flex;height:95%;justify-content:flex-start;position:absolute;top:0;width:97%;z-index:1}.find-password-page__illustration img{border-radius:16px;height:100%;object-fit:cover;opacity:.8;width:100%}.find-password-page__footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;height:28px;justify-content:center}.find-password-page__footer-text{color:#9ca3af;font-size:12px}@media (max-width:1024px){.find-password-page__container{flex-direction:column}.find-password-page__left,.find-password-page__right{flex:none;min-height:50vh}.find-password-page__left,.find-password-page__right{padding:40px}.find-password-page__illustration{height:300px}}@media (max-width:768px){.find-password-page__left,.find-password-page__right{padding:30px 20px}.find-password-page__logo{margin-bottom:20px;position:static}.find-password-page__title{font-size:24px;margin-bottom:30px}.find-password-page__welcome-title{font-size:22px}.find-password-page__welcome-description{font-size:14px}.find-password-form{max-width:100%}.find-password-page__illustration{height:250px}}@media (max-width:480px){.find-password-page__left,.find-password-page__right{padding:20px 15px}.find-password-page__title{font-size:20px}.find-password-page__welcome-title{font-size:18px}.find-password-form__input{font-size:16px}}.btn{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn--primary{background-color:var(--primary-color);color:var(--white)}.btn--primary:hover:not(.btn--disabled){background-color:var(--primary-hover)}.btn--secondary{background-color:var(--secondary-color);color:var(--white)}.btn--secondary:hover:not(.btn--disabled){background-color:var(--secondary-hover)}.btn--success{background-color:var(--success-color);color:var(--white)}.btn--success:hover:not(.btn--disabled){background-color:#059669}.btn--warning{background-color:var(--warning-color);color:var(--white)}.btn--warning:hover:not(.btn--disabled){background-color:#d97706}.btn--error{background-color:var(--error-color);color:var(--white)}.btn--error:hover:not(.btn--disabled){background-color:#dc2626}.btn--ghost{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn--ghost:hover:not(.btn--disabled){background-color:var(--primary-color);color:var(--white)}.btn--sm{font-size:var(--font-size-sm);min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.btn--md{font-size:var(--font-size-base);min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.btn--lg{font-size:var(--font-size-lg);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.btn--full-width{width:100%}.btn--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--loading{cursor:wait}.btn__loading-spinner{align-items:center;display:flex;justify-content:center}.btn__spinner{animation:spin 1s linear infinite;height:16px;width:16px}.btn__icon{align-items:center;display:flex;justify-content:center}.btn__icon--left{margin-right:var(--spacing-xs)}.btn__icon--right{margin-left:var(--spacing-xs)}.btn__content{align-items:center;display:flex;justify-content:center}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}@media (max-width:640px){.btn--lg{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper--full-width{width:100%}.input__label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.input__required{color:var(--error-color);margin-left:var(--spacing-xs)}.input__container{align-items:center;display:flex;position:relative}.input{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--gray-900);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input::placeholder{color:var(--gray-400)}.input--default{border-color:var(--border-color)}.input--success,.input--success:focus{border-color:var(--success-color)}.input--success:focus{box-shadow:0 0 0 3px #10b9811a}.input--warning,.input--warning:focus{border-color:var(--warning-color)}.input--warning:focus{box-shadow:0 0 0 3px #f59e0b1a}.input--error,.input--error:focus{border-color:var(--error-color)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--sm{font-size:var(--font-size-sm);min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.input--md{font-size:var(--font-size-base);min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.input--lg{font-size:var(--font-size-lg);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.input--full-width{width:100%}.input--disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.6}.input--disabled:focus{border-color:var(--border-color);box-shadow:none}.input--readonly{background-color:var(--gray-50);cursor:default}.input--has-icon.input--icon-left{padding-left:calc(var(--spacing-md) + 20px)}.input--has-icon.input--icon-right{padding-right:calc(var(--spacing-md) + 20px)}.input__icon{align-items:center;color:var(--gray-500);display:flex;height:20px;justify-content:center;pointer-events:none;position:absolute;width:20px}.input__icon--left{left:var(--spacing-sm)}.input__icon--right{right:var(--spacing-sm)}.input__message{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.input__message--helper{color:var(--gray-600)}.input__message--error{color:var(--error-color)}.input:focus:not(.input--disabled){outline:none}@media (max-width:640px){.input--lg{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;padding:var(--spacing-md);z-index:var(--z-modal-backdrop)}.modal{animation:slideIn .3s ease-out;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.modal--sm{max-width:90vw;width:400px}.modal--md{max-width:90vw;width:600px}.modal--lg{max-width:90vw;width:800px}.modal--xl{max-width:90vw;width:1000px}.modal--full{height:95vh;width:95vw}.modal__content{display:flex;flex-direction:column;height:100%}.modal__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg)}.modal__title{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.modal__close-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.modal__close-btn:hover{background-color:var(--gray-100);color:var(--gray-700)}.modal__close-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.modal__body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal--lg,.modal--md,.modal--sm,.modal--xl{max-width:100%;width:100%}.modal__body,.modal__header{padding:var(--spacing-md)}.modal__title{font-size:var(--font-size-lg)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-xs)}.modal__body,.modal__header{padding:var(--spacing-sm) var(--spacing-md)}}.pagination{gap:8px;margin:20px 0;padding:16px}.pagination-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#d0d0d0}.pagination-btn:disabled{cursor:not-allowed}.pagination-pages{align-items:center;display:flex;gap:4px;margin:0 8px}.pagination-page{align-items:center;background:#fff;border:none;border-radius:16px;color:#4d4d4d;cursor:pointer;display:flex;font-size:15px;font-weight:400;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s ease}.pagination-page:hover{background:#f5f5f5;border-color:#d0d0d0}.pagination-page--active{background:#445ae3;border-color:none;color:#fff;font-weight:500}.pagination-page--active:hover{background:#0056b3;border-color:#0056b3}.pagination-ellipsis{height:32px;justify-content:center;min-width:32px}.pagination-ellipsis,.pagination-info{align-items:center;color:#666;display:flex;font-size:14px}.pagination-info{gap:4px;margin-left:12px}.pagination-current{color:#333;font-weight:500}.pagination-separator{color:#999}.pagination-total{color:#666}@media (max-width:768px){.pagination{gap:4px;padding:12px}.pagination-btn{height:28px;width:28px}.pagination-btn img{height:14px;width:14px}.pagination-page{font-size:12px;height:28px;min-width:28px}.pagination-info{font-size:12px}}@media (prefers-color-scheme:dark){.pagination-btn{background:#2d2d2d;border-color:#404040;color:#fff}.pagination-btn:hover:not(:disabled){background:#3d3d3d;border-color:#505050}.pagination-page{background:#2d2d2d;border-color:#404040;color:#fff}.pagination-page:hover{background:#3d3d3d;border-color:#505050}.pagination-page--active{background:#007bff;border-color:#007bff}.pagination-info{color:#ccc}.pagination-current{color:#fff}}.mypage-content{background:#f8f9fb;display:flex;width:100%}.loading-container{text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.retry-btn{background:#3b82f6;border-radius:8px;font-size:14px;margin-top:20px;padding:12px 24px;transition:background-color .2s}.retry-btn:hover{background:#2563eb}.mypage-sidebar{background:#fff;border-right:1px solid #e2e8f0;height:calc(100vh - 60px);left:0;overflow-y:auto;padding:0;position:fixed;top:60px;transition:transform .3s ease;width:280px;z-index:100}.mobile-menu-toggle{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:none;font-size:18px;height:44px;justify-content:center;padding:12px;position:fixed;right:20px;top:80px;width:44px;z-index:300}.mobile-menu-toggle:hover{background:#2563eb;transform:scale(1.05)}.mobile-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:150}.mypage-nav{display:flex;flex-direction:column;gap:0}.mypage-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 30px;padding-bottom:8px;position:relative}.mypage-title:after{border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-category{margin-bottom:20px}.nav-category-header{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 16px;transition:all .3s ease;width:100%}.nav-category-title-wrapper{align-items:center;display:flex;gap:12px}.nav-category-title{color:#3339;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.nav-category-icon{height:20px;opacity:.6;transition:opacity .3s ease;width:20px}.nav-category-header:hover .nav-category-title{color:#4459e3}.nav-category-header:hover .nav-category-icon{opacity:1}.nav-category-header.expanded .nav-category-title{color:#4459e3}.nav-category-header.expanded .nav-category-icon{opacity:1}.nav-submenu{background:#ffffff80;border-radius:8px;margin:0 8px;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu.expanded{max-height:200px;padding:8px 0}.nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#333333e6;cursor:pointer;display:flex;font-size:15px;font-weight:500;margin:2px 0;opacity:.6;padding:10px 16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-item.active,.nav-item:hover{background:none;color:#4459e3;opacity:1}.nav-item.active{font-weight:600}.nav-item:not(.nav-category-title){color:#333333e6;font-size:15px;padding-left:24px}.nav-item:not(.nav-category-title):hover{color:#4459e3;font-weight:700}.nav-item:not(.nav-category-title).active{background:none;color:#4459e3;font-weight:700}.nav-item.disabled{color:#9ca3af!important;cursor:pointer!important;opacity:.6;position:relative}.nav-item.disabled:hover{background:none!important;color:#9ca3af!important;font-weight:400!important;opacity:.6}.nav-item.disabled .disabled-indicator{font-size:12px;margin-left:auto;opacity:.7}.nav-category-arrow{height:16px;object-fit:contain;opacity:.6;transform:rotate(270deg);transition:all .3s ease;width:16px}.nav-category-header:hover .nav-category-arrow{opacity:1}.nav-category-arrow.expanded{opacity:1;transform:rotate(1turn)}.mypage-container{margin-left:280px;margin-top:60px;min-height:calc(100vh - 60px);padding:30px;width:calc(100% - 280px)}.title-icon{color:#dc2626;font-size:1.2rem;font-weight:700}.power-plant-header{margin-bottom:10px}.power-plant-table{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin-bottom:30px;overflow:hidden}.data-table{background:#fff;border-collapse:collapse;width:100%}.data-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f3f4;color:#6c757d;padding:20px 15px;transition:background-color .3s ease}.data-table tr:hover td{background:#667eea05}.data-table tr:last-child td{border-bottom:none}.data-table input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.power-plant-actions{align-items:center;background:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;justify-content:space-between;padding:25px}.action-left,.action-right{align-items:center;display:flex;gap:15px}.delete-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:10px;box-shadow:0 4px 12px #6c757d4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.delete-btn:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.add-btn{background:linear-gradient(135deg,#2c3e50,#34495e);border:none;border-radius:10px;box-shadow:0 4px 12px #2c3e504d;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 20px #2c3e5066;transform:translateY(-2px)}.summery-item{margin-bottom:20px;padding:24px}.down-section-content,.summery-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.down-section-content{height:100%;overflow:hidden}.summery-item h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.account-details{display:flex;flex-direction:column;gap:16px;padding:20px}.account-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.account-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.account-label{color:#374151;font-size:.95rem;font-weight:600}.account-value{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:Courier New,monospace;font-size:.95rem;font-weight:500;padding:4px 8px}.generation-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.stat-card:hover{box-shadow:0 20px 40px #667eea66;transform:translateY(-5px)}.stat-card h4{font-size:1.1rem;font-weight:600;margin:0 0 20px}.stat-card h4,.stat-value{position:relative;z-index:2}.stat-value{font-size:2rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0000001a}.settlement-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 10px 30px #00000014;padding:30px}.settlement-card h4{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 25px}.settlement-details{gap:20px}.settlement-item{border-bottom:1px solid #e9ecef;padding:15px 0;transition:all .3s ease}.settlement-item:hover{background:#ffffff80;border-radius:10px;margin:0 -15px;padding:15px}.settlement-label{color:#495057;font-size:1rem;font-weight:600}.settlement-value{color:#6c757d}.inquiry-list{gap:20px}.inquiry-item{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:all .3s ease}.inquiry-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.inquiry-header h4{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0}.inquiry-status{border-radius:25px;font-weight:700;letter-spacing:.5px;padding:6px 15px;text-transform:uppercase}.inquiry-status.답변완료{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fff}.inquiry-status.답변대기{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 12px #ffc1074d;color:#fff}.inquiry-content{color:#6c757d;font-size:1rem;line-height:1.6;margin:0 0 15px}.inquiry-date{color:#adb5bd;font-size:.9rem;font-weight:500}.member-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.section-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.profile-info{background:#fff;padding:24px}.info-value-with-button{display:flex;flex-direction:column}.change-btn{background:none;border:1px solid #4459e3;border-radius:3px;color:#4459e3;cursor:pointer;font-size:14px;font-weight:700;padding:6px 20px;transition:all .2s ease;white-space:nowrap}.edit-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .2s ease;width:100%}.edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.info-value.member-type{color:#667eea;font-weight:700}.info-value.status.active,.info-value.status.inactive{font-weight:700}.edit-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 20px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.edit-profile-btn:hover{box-shadow:0 12px 30px #667eea66;transform:translateY(-3px)}.account-info{background:#fff;border:1px solid #e6e6e6;border-radius:5px;box-shadow:0 4px 4px 0 #0000000f}.contracts-list{gap:25px}.contract-card{background:#fff;border:1px solid #4459e366;border-radius:5px;box-shadow:0 10px 30px #00000014;flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1;transition:all .3s ease;width:100%}.contract-header{align-items:center;background:#e7eef9;border-bottom:1px solid #4459e399;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;justify-content:space-between;padding:11px 16px}.contract-title{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0}.contract-status{border-radius:25px;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 15px;text-transform:uppercase}.contract-status.진행중{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fff}.contract-status.검토중{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 12px #ffc1074d;color:#fff}.contract-label{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contract-value{color:#2c3e50;font-size:1rem;font-weight:600}.contract-list{border-radius:5px;display:flex;flex-wrap:wrap;gap:16px;width:100%}.contract-actions{gap:15px}.contract-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.contract-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.contract-btn.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.contract-btn.secondary{background:#0000;border:2px solid #667eea;box-shadow:0 4px 12px #667eea1a;color:#667eea}.contract-btn.secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.revenue-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 10px 30px #00000014;padding:30px}.support-content p{color:#6c757d;font-size:1rem;line-height:1.6;margin:0}.dashboard-summary{display:flex;gap:16px;margin-bottom:16px;width:100%}.summary-card{border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.summary-card:hover{box-shadow:0 8px 20px #00000026}.summary-card-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.summary-card-icon{font-size:1.2rem}.summary-card h4{color:#6b7280;font-size:.9rem;font-weight:600;margin:0}.summary-subtitle{color:grey;font-size:15px}.data-month-banner{text-align:right}.banner-content h3{color:grey;font-size:17px;font-weight:500;margin-bottom:8px}.banner-content p{color:#6b7280;font-size:.9rem;margin:0}.chart-schedule-row{display:flex;gap:16px}.chart-section{width:65.5%}.chart-section,.schedule-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.schedule-section{width:34.5%}.schedule-events{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.schedule-event{padding:12px}.schedule-event .event-status{font-size:.8rem;padding:4px 8px}.calendar-header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav-btn{align-items:center;background:#fff;background:var(--gray-gray-0,#fff);border:1px solid #d5d7dc;border-radius:5px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.calendar-nav-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.calendar-nav-btn img{height:16px;width:12px}.calendar-month-title{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.calendar-week-view{margin-bottom:20px}.week-header{display:flex;gap:8px;margin-bottom:16px}.weekday-header{flex:1 1;padding:12px 8px;text-align:center}.weekday-name{color:#6b7280;font-size:.85rem;font-weight:600;margin-bottom:4px}.weekday-date{color:#374151;font-size:1.1rem;font-weight:600}.weekday-header.today{background:#dbeafe;border-color:#3b82f6}.weekday-header.today .weekday-date{color:#1e40af;font-weight:700}.weekday-header.selected{background:linear-gradient(270deg,#e0edff,#c9e0ff);background:var(--ver03,linear-gradient(270deg,#e0edff 0,#c9e0ff 100%));border-radius:4px}.weekday-header.selected .weekday-date{color:#92400e;font-weight:700}.weekday-header{cursor:pointer;transition:all .2s ease}.weekday-header:hover{background:#f1f5f9;border-color:#cbd5e1}.no-events{color:#6b7280;font-style:italic;padding:20px;text-align:center}.monthly-schedule-list{margin-top:16px}.schedule-list-title{color:#333;font-size:15px;font-weight:600;margin-bottom:12px}.schedule-event{align-items:center;background:linear-gradient(270deg,#e0edff,#c9e0ff);background:var(--ver03,linear-gradient(270deg,#e0edff 0,#c9e0ff 100%));border-radius:8px;display:flex;gap:12px;padding:10px 12px}.schedule-event .event-date{border-right:1px solid #fff;color:#000;font-size:13px;font-weight:600;min-width:35px}.schedule-event .event-title{color:#374151;flex:1 1;font-size:.9rem}.schedule-event .event-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:3px 8px}.schedule-event .event-status.status-completed{background:#d1fae5;color:#065f46}.schedule-event .event-status.status-current{background:#dbeafe;color:#1e40af}.schedule-event .event-status.status-pending{background:#fef3c7;color:#92400e}.chart-container{margin-top:20px}.chart-placeholder{background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:40px;text-align:center}.chart-data-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:20px;padding:15px;text-align:left}.chart-data-preview p{font-size:.85rem;margin:5px 0}.settlement-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;width:34.5%}.settlement-info-card{margin-top:20px}.settlement-info-grid{background:#f6f6f6;border-radius:8px}.settlement-info-item{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.settlement-info-item.highlight{background:#dbeafe;border-color:#3b82f6}.settlement-info-item .label{color:#333;font-size:15px;font-weight:700}.shortage-value{align-items:center;display:flex;justify-content:space-between;margin-top:22px}span.label-date{color:#333;font-size:15px;font-weight:400}h4.section-subtitle{color:#333;font-size:17px;font-weight:700;margin-bottom:17px;text-align:justify}.dashboard-middle{display:flex;flex-direction:row;gap:20px}.settlement-info-item .value{color:#3e77d9;font-size:15px;font-weight:700}span.value2{color:#333;font-size:12px;font-weight:400}.settlement-info-item.highlight .value{color:#1e40af;font-weight:700}.contract-performance-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;width:65.5%}.contract-performance-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.contract-performance-card{background:#f6f6f6;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 4px 4px 0 #0000001a;padding:16px;text-align:center}.contract-performance-card h5{color:#6b7280;font-size:.85rem;font-weight:600;margin:0 0 8px}.performance-value{color:#3e77d9;font-size:24px;font-weight:700;margin:0 0 4px}.performance-value.shortage{color:#ea82aa}.performance-subtitle{color:#4d4d4d;font-size:13px;margin:0}.settlement-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;padding:20px}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.status-complete{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#4459e3;border-radius:3px;color:#fff;font-family:Pretendard;font-size:15px;font-style:normal;font-weight:700;padding:8px 24px}.calendar-schedule{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;padding:20px}.calendar-container{margin-top:20px}.calendar-placeholder{background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:20px;text-align:center}.calendar-events-preview{margin-top:15px;text-align:left}.calendar-event{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.85rem;gap:10px;margin-bottom:8px;padding:8px 12px}.calendar-event .event-date{color:#1f2937;font-weight:600;min-width:30px}.calendar-event .event-title{color:#374151;flex:1 1}.calendar-event .event-status{border-radius:3px;font-size:.75rem;font-weight:500;padding:2px 6px}.calendar-event .event-status.status-completed{background:#d1fae5;color:#065f46}.calendar-event .event-status.status-current{background:#dbeafe;color:#1e40af}.calendar-event .event-status.status-pending{background:#fef3c7;color:#92400e}.error-container,.loading-container,.no-data-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:center;min-height:200px}.error-container p,.loading-container p,.no-data-container p{color:#6b7280;font-size:1rem;margin:0}.error-container p{color:#dc2626}.bill-notification{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;margin-bottom:25px;padding:14px 18px}.bill-notification p{font-size:.95rem;font-weight:500;margin:0}.bill-link{cursor:pointer;font-weight:600;text-decoration:underline}.bill-link:hover{opacity:.8}.dashboard-main{display:flex;flex-direction:column;gap:16px;min-width:0}.more-link{color:#3b82f6;cursor:pointer;font-size:.85rem;font-weight:600;text-decoration:underline}.more-link:hover{color:#1e40af}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{background:#f6f6f6;border-bottom:1px solid #c6c6c6;border-bottom:1px solid var(--line-40,#c6c6c6);color:#1d1d1d;font-size:15px;font-weight:700;padding:14px 10px;text-align:center;text-transform:uppercase}.dashboard-table td{border-bottom:1px solid #ebebeb;color:#333;font-size:15px;height:48px;text-align:center;vertical-align:middle}.dashboard-table tr:hover td{background:#f8fafc}.dashboard-table tr:last-child td{border-bottom:none}.settlement-schedule{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:100%;margin-bottom:15px;overflow:hidden}.schedule-header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:14px 18px}.schedule-header-content{align-items:center;display:flex;justify-content:space-between}.schedule-header h4{font-size:1rem;font-weight:700;margin:0}.month-selector{gap:12px}.month-arrow{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.month-arrow:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.month-arrow:disabled{cursor:not-allowed;opacity:.5}.current-month{font-size:.9rem;min-width:80px;text-align:center}.schedule-content{max-height:400px;overflow-y:auto;padding:18px}.month-schedule{margin-bottom:24px}.month-schedule h5{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.event-list{list-style:none;margin:0;padding:0}.event-item{border-bottom:1px solid #f1f5f9;font-size:12px;padding:8px 0}.event-item:last-child{border-bottom:none}.event-date{color:#64748b;font-weight:600;margin-right:12px;min-width:50px}.event-title{color:#334155;flex:1 1;margin-right:8px}.event-status{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px}.event-status.status-완료{background:#dcfce7;color:#166534}.event-status.status-예정{background:#fef3c7;color:#92400e}.event-status.status-진행중{background:#dbeafe;color:#1e40af}.dashboard-nav{display:flex;flex-direction:column;gap:12px}.nav-button{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;font-size:.9rem;font-weight:600;padding:16px 18px;transition:all .3s ease}.nav-button:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:1200px){.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{order:-1}.mypage-main{padding:25px}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.mypage-sidebar{transform:translateX(-100%)}.mypage-sidebar.mobile-open{height:calc(100vh - 60px);top:60px;transform:translateX(0)}.mobile-overlay.mobile-open{display:block}.mypage-container{margin-left:0;margin-top:60px;width:100%}.dashboard-summary{gap:15px;grid-template-columns:repeat(3,1fr)}.summary-card{padding:16px}.summary-value{font-size:1.4rem}.dashboard-table{font-size:.8rem}.dashboard-table td,.dashboard-table th{padding:12px 8px}.schedule-table{font-size:.7rem}.schedule-table td,.schedule-table th{padding:8px 5px}.mypage-main{padding:20px}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:10px 8px}.modal-content{margin:20px;width:95%}.power-source-grid{grid-template-columns:1fr 1fr}.address-row,.modal-footer,.radio-group{flex-direction:column}}@media (max-width:480px){.dashboard-summary{grid-template-columns:1fr}.contract-performance-grid,.settlement-info-grid{grid-template-columns:repeat(2,1fr)}.summary-card{padding:14px}.summary-value{font-size:1.2rem}.bill-notification{padding:12px 16px}.bill-notification p{font-size:.9rem}.mypage-main{padding:15px}.modal-body,.modal-footer,.modal-header{padding:20px}.power-source-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.dashboard-table,.data-table{min-width:600px}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.modal-title{color:#2c3e50;font-size:1.5rem;gap:15px;margin:0}.modal-number,.modal-title{align-items:center;display:flex;font-weight:700}.modal-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:1.1rem;height:30px;justify-content:center;width:30px}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.form-section{margin-bottom:25px}.form-section-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px}.form-input{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#adb5bd}.form-display-value{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#374151;font-size:1rem;font-weight:500;padding:12px 15px;width:100%}.power-source-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.checkbox-label{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:all .3s ease}.checkbox-label:hover{background:#667eea0d;border-color:#667eea}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#495057;font-size:.95rem;font-weight:500}.dropdown-container{position:relative}.dropdown-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#495057;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:12px 15px;text-align:left;transition:all .3s ease;width:100%}.dropdown-button:hover{border-color:#667eea}.dropdown-arrow{color:#6c757d;transition:transform .3s ease}.dropdown-menu{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 10px 30px #0000001a;left:0;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{border-bottom:1px solid #f1f3f4;cursor:pointer;padding:12px 15px;transition:all .3s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#667eea1a;color:#667eea}.address-inputs{display:flex;flex-direction:column;gap:15px}.address-row{display:flex;gap:10px}.address-input{flex:1 1}.address-search-btn{background:linear-gradient(135deg,#fd7e14,#ffc107);border:none;border-radius:10px;box-shadow:0 4px 12px #fd7e144d;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.address-search-btn:hover{box-shadow:0 6px 20px #fd7e1466;transform:translateY(-2px)}.radio-label{background:#fff;border:2px solid #e9ecef;border-radius:10px;flex:1 1;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease}.radio-label:hover{background:#667eea0d;border-color:#667eea}.radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-text{font-size:1rem;font-weight:500}.modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:15px 25px;transition:all .3s ease}.cancel-btn{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 12px #6c757d4d;color:#fff}.cancel-btn:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 4px 12px #2c3e504d;color:#fff}.submit-btn:hover{box-shadow:0 6px 20px #2c3e5066;transform:translateY(-2px)}.business-layout-container{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:30% 1fr;max-height:546px}.company-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:7px;width:100%}.company-info-content{flex:1 1;overflow-y:auto;padding:20px}.info-row{flex-direction:column}.info-row,.info-row-member{align-items:flex-start;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;padding:10px 0;transition:all .3s ease}.info-row-member{flex-direction:row}.info-row-horizontal{border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:10px 0}.info-item-half{display:flex;flex:1 1;flex-direction:column}.info-value.address-value{line-height:1.5}.info-value.status-approved{color:#059669;font-weight:600}.info-value.status-pending{border:none!important;color:#d97706;font-weight:600}.info-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 12px;transition:all .2s ease;width:100%}.info-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.attachments-section{margin-top:10px}.attachments-title{color:#8e8e93;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.attachment-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.attachment-item:last-child{border-bottom:none}.attachment-label{color:#333;font-size:15px;font-weight:500}.upload-btn{background:#fff;background:var(--gray-0,#fff);border:1px solid #4459e3;border:1px solid var(--DDP_MAIN,#4459e3);border-radius:3px;color:#4459e3;cursor:pointer;font-size:14px;font-weight:700;padding:6px 20px;transition:all .2s ease}input.inquiry-checkbox{background:#eceff1;border:1px solid #b3b3b3;border:1px solid var(--font06,#b3b3b3);border-radius:2px;height:20px;width:20px}label.inquiry-checkbox-label{align-items:center;display:flex;gap:8px}.business-sites-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-site-btn{align-items:center;background:#fff;background:var(--gray-0,#fff);border:1px solid #4459e3;border:1px solid var(--DDP_MAIN,#4459e3);border-radius:3px;color:#4459e3;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.add-site-btn:hover{transform:translateY(-1px)}.card-value-container{align-items:baseline;display:flex;gap:6px;margin-left:20px}p.card-value{color:#3e77d9;font-size:32px;font-weight:700}span.card-value-unit{color:#b3b3b3;font-size:15px;font-weight:400}.business-sites-table .table-header{background:linear-gradient(270deg,#e0edff99,#c9e0ff99);border-radius:8px}th.header-site-name{border-bottom-left-radius:8px;border-top-left-radius:8px}th.header-actions{border-bottom-right-radius:8px;border-top-right-radius:8px}.business-sites-table .table-header th{color:#4d4d4d;font-size:15px;font-weight:700;padding:12px 16px;text-align:center}.business-sites-table .table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.business-sites-table .table-row:hover{background:#f8fafc}.business-sites-table .table-row:last-child{border-bottom:none}.business-sites-table td{border:none;color:#333;font-size:15px;font-weight:500;max-width:139px;overflow:hidden;padding:12px 16px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.business-sites-table td:last-child{border-right:none}.site-name-cell{color:#1e293b;font-weight:600}.manager-name-cell{color:#374151}.manager-email-cell{color:#3b82f6}.address-cell{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis}.actions-cell,.address-cell{white-space:nowrap}.actions-cell .delete-site-btn,.actions-cell .edit-site-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin:0 4px;padding:4px 8px;transition:all .2s ease}.actions-cell .edit-site-btn{background:#3b82f6;color:#fff}.actions-cell .edit-site-btn:hover{background:#2563eb}.actions-cell .delete-site-btn{background:#dc2626;color:#fff}.actions-cell .delete-site-btn:hover{background:#b91c1c}.business-site-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin:0 20px 12px;padding:20px;transition:all .2s ease}.business-site-item:hover{background:#f1f5f9;border-color:#cbd5e1}.site-info{flex:1 1}.site-name{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:12px}.site-details{display:flex;flex-direction:column;gap:4px}.site-address,.site-code,.site-reg-no{color:#475569;font-size:.9rem;line-height:1.5;margin-bottom:4px}.site-actions{display:flex;gap:8px;margin-left:16px}.edit-site-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.edit-site-btn:hover{background:#2563eb;transform:translateY(-1px)}.delete-site-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.delete-site-btn:hover{background:#b91c1c;transform:translateY(-1px)}.power-plant-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:97%;margin-top:30px;overflow:hidden}.power-plant-content{flex:1 1;overflow-y:auto;padding:20px}.add-plant-btn{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-plant-btn:hover{background:#047857;transform:translateY(-1px)}.unified-plant-generator-table td{border:none;border-bottom:1px solid #ebebeb;color:#333;font-size:15px;font-weight:500;height:48px;text-align:center;vertical-align:middle}td.plant-name-cell{vertical-align:middle}.unified-plant-generator-table tr:hover td{background:#f8fafc}.unified-plant-generator-table tr:last-child td{border-bottom:none}.capacity-cell{color:#059669;font-weight:600;text-align:center}.type-cell{color:#7c3aed;font-weight:500;text-align:center}.production-cell{color:#dc2626;font-weight:600;text-align:right}.actions-cell{text-align:center}.detail-btn{background:#fff;background:var(--gray-0,#fff);border:1px solid #4459e3;border:1px solid var(--DDP_MAIN,#4459e3);border-radius:3px;color:#4459e3;font-size:14px;font-weight:700;padding:6px 20px}.detail-btn,.edit-generator-btn{cursor:pointer;transition:all .2s ease}.edit-generator-btn{background:#059669;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-left:4px;padding:4px 8px}.edit-generator-btn:hover{background:#047857;transform:translateY(-1px)}.delete-generator-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-left:4px;padding:4px 8px;transition:all .2s ease}.delete-generator-btn:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width:1200px){.business-layout-container{gap:20px;grid-template-columns:350px 1fr}}@media (max-width:1024px){.business-layout-container{gap:20px;grid-template-columns:1fr}.company-info-section{height:auto;order:2}.power-plant-section{height:auto;order:1}}@media (max-width:768px){.business-profile,.company-info-content,.power-plant-content{padding:15px}.info-item-half{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding:10px 0}.unified-plant-generator-table{font-size:.8rem}.unified-plant-generator-table td,.unified-plant-generator-table th{padding:8px 6px}.section-title{font-size:1rem}}@media (max-width:480px){.business-profile{padding:10px}.company-info-content,.power-plant-content{padding:12px}.unified-plant-generator-table{font-size:.75rem}.unified-plant-generator-table td,.unified-plant-generator-table th{padding:6px 4px}.attachment-item{align-items:flex-start;flex-direction:column;gap:8px}.upload-btn{align-self:flex-end}}@media (max-width:768px){.modal-content{margin:20px;width:95%}.power-source-grid{grid-template-columns:1fr 1fr}.address-row,.modal-footer,.radio-group{flex-direction:column}}@media (max-width:480px){.modal-body,.modal-footer,.modal-header{padding:20px}.power-source-grid{grid-template-columns:1fr}}.summary-cards-section{margin:20px 0}.summary-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.summary-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 8px #00000026}.summary-card.active{background:#f8f9ff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e533}.card-number{color:#007bff;font-size:32px;font-weight:700;margin-bottom:8px}.card-label{color:#6c757d;font-size:14px;font-weight:500}.business-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;overflow:hidden}.business-type-tabs{display:flex;gap:10px}.tab-btn{background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.tab-btn.active{background:#007bff;border-color:#007bff;color:#fff}.business-list-content{padding:20px}.business-list-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.business-list-table .table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef}.business-list-table th{border-right:1px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.business-list-table th:last-child{border-right:none}.business-list-table .table-row{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.business-list-table .table-row:hover{background-color:#f8f9fa}.business-list-table .table-row:last-child{border-bottom:none}.business-list-table td{border-right:1px solid #e9ecef;color:#495057;font-size:14px;padding:16px 12px;vertical-align:middle}.business-list-table td:last-child{border-right:none}.company-name-cell,.header-company-name{width:20%}.biz-reg-no-cell,.header-biz-reg-no,.header-representative,.representative-cell{width:15%}.address-cell,.header-address{width:20%}.approval-status-cell,.header-approval-status{width:12%}.approval-date-cell,.header-approval-date{width:10%}.details-cell,.header-details{text-align:center;width:8%}.status-approved{color:#28a745;font-weight:600}.status-pending{background:#fff;color:#445ae3;font-size:15px;font-weight:600}button.status-button.status-completed{background:#fff;border:1px solid #8c8c8c;border-radius:5px;color:#8c8c8c;font-size:15px;font-weight:600}.details-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.details-btn:hover{background:#0056b3}@media (max-width:1200px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards-grid{grid-template-columns:1fr}.business-list-table{font-size:12px}.business-list-table td,.business-list-table th{padding:12px 8px}}.contract-number strong{color:#333;font-size:17px;font-weight:700}.contract-number span{color:#4459e3;font-size:17px;font-weight:700}.kpx-status{align-items:center;display:flex}.kpx-status-badge{border-radius:20px;font-size:.9rem;font-weight:600;min-width:80px;padding:6px 16px;text-align:center}.kpx-status-badge.kpx-registered{background:#28a745;color:#fff}.kpx-status-badge.kpx-unregistered{background:#ffc107;color:#212529}.contract-detail-btn{background:#4459e3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:34px;padding:0 20px;transition:all .2s ease}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:flex-start;display:flex;font-size:.95rem;gap:8px;line-height:1.5}.detail-item strong{color:#495057;flex-shrink:0;min-width:120px}.detail-item span{color:#212529;flex:1 1}.generator-list{display:flex;flex-wrap:wrap;gap:4px}.generator-link{background:#e7eef9;border:none;border-radius:2px;color:#4459e3;cursor:pointer;font-size:17px;font-weight:500;padding:10px 32px;text-decoration:underline;transition:color .2s ease}.generator-link:hover{color:#0056b3;text-decoration:none}.contract-progress{align-items:center;border-top:1px solid #4459e399;display:flex;gap:20px;padding:16px 0}.progress-step{flex:1 1}.progress-step:not(:last-child):after{background:#e9ecef;left:calc(50% + 20px);top:20px;width:calc(100% - 40px)}.progress-fill{border-radius:50%;height:12px;width:12px}.progress-fill,.progress-step.completed .progress-fill,.progress-step.current .progress-fill{background:#4459e3}.progress-label{color:#000;font-weight:500;text-align:center}.progress-step.completed .progress-label{color:#212529;font-weight:600}.progress-step.current .progress-label{color:#000;font-size:15px;font-style:normal;font-weight:400}.modal-overlay{padding:20px}.modal-header h3{color:#2c3e50}.modal-body .detail-section{margin-bottom:24px}h3.section-title{margin-bottom:16px}.modal-body .detail-section:last-child{margin-bottom:0}.detail-table tbody{border-top:1px solid #3e77d9}.modal-body h4{color:#000;font-size:17px;font-weight:700;margin-bottom:16px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.loading-spinner{border-top-color:#667eea}.retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.retry-btn:hover{background:#5a6fd8}@media (max-width:768px){.contract-status-page{padding:15px}.page-title{font-size:2rem}.page-description{font-size:1rem}.contract-header{gap:15px}.contract-header,.contract-info{align-items:flex-start;flex-direction:column}.contract-info{gap:10px}.contract-details{gap:16px;grid-template-columns:1fr;padding:20px}.contract-progress{flex-direction:column;gap:15px}.progress-step:not(:last-child):after{display:none}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-body{padding:20px}.detail-grid{grid-template-columns:1fr}.modal-footer,.modal-header{padding:15px 20px}}@media (max-width:480px){.contract-status-page{padding:10px}.page-title{font-size:1.5rem}.contract-details,.contract-header,.contract-progress-section{padding:15px}.modal-content{margin:5px;max-height:calc(100vh - 10px)}.modal-body{padding:15px}}.contracts-list{display:flex;flex-direction:column;gap:24px}.contract-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px}.contract-title h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.contract-actions{align-items:center;display:flex;gap:16px}.kpx-status{border-radius:20px;font-size:.9rem;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.kpx-status.status-registered{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.kpx-status.status-unregistered{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.kpx-status.status-application-completed{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.kpx-status.status-in-progress{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.kpx-status.status-changed{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.kpx-status.status-extended{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.info-grid{grid-gap:12px;gap:12px}.info-item{align-items:center}.info-item .label{color:#495057;flex-shrink:0;font-weight:600;min-width:120px}.info-item .value{color:#212529;flex:1 1}.electricity-users{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:20px;padding:16px}.electricity-users .label{color:#495057;font-weight:600;margin-right:12px}.user-list{display:inline}.user-item{color:#007bff;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s ease}.user-item:hover{color:#0056b3}.contract-progress-section .label{color:#495057;display:block;font-weight:600;margin-bottom:12px}.progress-stage,.progress-stages{align-items:center;display:flex;gap:8px}.progress-stage{flex:1 1;flex-direction:column;position:relative}.progress-stage:not(:last-child):after{background-color:#dee2e6;content:"";height:2px;position:absolute;right:-4px;top:12px;width:8px;z-index:1}.progress-stage.completed:not(:last-child):after{background-color:#28a745}.stage-indicator{background-color:#dee2e6;border:2px solid #dee2e6;border-radius:50%;height:24px;position:relative;width:24px;z-index:2}.progress-stage.completed .stage-indicator{background-color:#28a745;border-color:#28a745}.progress-stage.completed .stage-indicator:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stage-text{color:#6c757d;font-size:.85rem;line-height:1.2;text-align:center}.progress-stage.completed .stage-text{color:#28a745;font-weight:600}.user-details{flex-direction:column;gap:16px}.detail-row{align-items:flex-start;gap:12px}.detail-label{flex-shrink:0;min-width:100px}td.detail-label{background:#edeff5;background:var(--bg-20,#edeff5);border-right:1px solid #e6e6e6;border-right:1px solid var(--gray-30,#e6e6e6);color:#333;font-size:17px;font-weight:700;height:48px;padding:0 8px}table.contract-detail-table{table-layout:fixed}td.detail-value{align-items:center;color:#333;display:flex;font-size:17px;font-weight:500;height:48px;padding:0 16px}tr.detail-row-last{align-items:center;display:flex;height:56px}td.detail-label-last{align-items:center;color:#333;display:flex;font-size:17px;font-weight:700;height:48px;padding:0 50px 0 16px}.header-top{gap:20px;margin-bottom:10px}.back-button,.header-top{align-items:center;display:flex}.back-button{background:#4459e3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:8px;height:48px;padding:0 48px;transition:background-color .2s ease}.back-button:hover{background:#5a6268}.page-description{color:#7f8c8d;font-size:1.1rem}.document-buttons{gap:10px}.document-download-section{display:flex;justify-content:end}.document-btn{align-items:center;background:none;border:1px solid #3e77d9;border-radius:3px;color:#3e77d9;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:2px;height:34px;justify-content:center;padding:0 12px;text-align:center}.supplier-info-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.supplier-info-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{align-items:flex-start;display:flex;font-size:.95rem;gap:8px;line-height:1.5}.info-item.full-width{grid-column:1/-1}.info-item strong{color:#495057;flex-shrink:0;font-weight:600;min-width:140px}.info-item span{color:#212529;flex:1 1}.supplier-business-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.supplier-business-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.consumer-business-section,.grid-usage-contract-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.grid-usage-contract-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.direct-power-transaction-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.direct-power-transaction-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.info-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;align-items:end;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-item{display:flex;flex-direction:column;gap:8px}.form-item.full-width{grid-column:1/-1}.form-item label{color:#495057;font-size:.9rem;font-weight:600}.form-item input,.form-item textarea{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.9rem;padding:10px 12px}.form-item input:focus,.form-item textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-item textarea{min-height:80px;resize:vertical}.radio-group{align-items:center;gap:16px}.radio-label{font-weight:400;gap:6px}.radio-label input[type=radio]{width:auto}.date-range{align-items:center;display:flex;gap:8px}.date-range span{color:#6c757d;font-weight:500}.consumer-business-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.info-table{border-collapse:collapse;font-size:.85rem;min-width:1200px;width:100%}.info-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.info-table th{border-right:1px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;text-align:center;white-space:nowrap}.info-table th:last-child{border-right:none}.info-table td{border-bottom:1px solid #f1f3f4;border-right:1px solid #f1f3f4;padding:10px 8px;text-align:center;vertical-align:middle;white-space:nowrap}.info-table td:last-child{border-right:none}.info-table tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s}.kpx-contract-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.kpx-contract-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.error-container,.loading-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.loading-spinner{margin:0 auto 20px}.back-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.back-btn:hover{background:#0056b3}@media (max-width:1200px){.contract-detail-page{padding:15px}.page-title{font-size:2rem}.info-table{font-size:.8rem}.info-table td,.info-table th{padding:8px 6px}}@media (max-width:768px){.contract-detail-page{padding:10px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.page-title{font-size:1.8rem}.page-description{font-size:1rem}.document-buttons,.info-grid{grid-template-columns:1fr}.info-item strong{min-width:120px}.consumer-business-section,.document-download-section,.kpx-contract-section,.supplier-info-section{padding:20px}}@media (max-width:480px){.contract-detail-page{padding:8px}.page-title{font-size:1.5rem}.consumer-business-section,.document-download-section,.kpx-contract-section,.supplier-info-section{padding:15px}.document-btn{padding:12px 16px}.document-btn,.info-item{font-size:.9rem}.info-item strong{min-width:100px}}.page-header{margin-bottom:30px}.page-description{color:#666;font-size:16px;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.change-history-list{display:flex;flex-direction:column;gap:20px}.change-history-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;transition:box-shadow .3s ease}.change-history-card:hover{box-shadow:0 4px 8px #00000026}.contract-info{display:flex;flex-direction:column;gap:8px}.contract-number{color:#333;font-size:18px;font-weight:600;gap:36px}.change-status,.contract-number{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:14px;font-weight:500;padding:4px 12px}.status-badge.status-target{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-badge.status-application{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-badge.status-completed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.status-cancelled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.download-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .3s ease}.download-btn:hover{background:#0056b3}.contract-overview{grid-gap:12px;background-color:#f8f9fa;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;padding:16px}.overview-item{color:#555;font-size:14px}.overview-item strong{color:#333;margin-right:8px}.change-details{margin-bottom:20px}.detail-item{color:#555;font-size:14px;margin-bottom:12px}.detail-item.full-width{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.detail-item strong{color:#333;font-weight:600;margin-right:8px}.change-progress-section{border-top:1px solid #e0e0e0;padding-top:20px}.change-progress{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px;position:relative}.progress-step:not(:last-child):after{background-color:#4459e3;content:"";height:2px;left:3%;position:absolute;top:5px;width:195%;z-index:1}.step-indicator{background-color:#e0e0e0;border:2px solid #e0e0e0;border-radius:50%;height:24px;position:relative;width:24px;z-index:2}.progress-step.completed .step-indicator{background-color:#28a745;border-color:#28a745}.progress-step.completed .step-indicator:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-label{color:#666;font-size:12px;line-height:1.3;text-align:center}.progress-step.completed .step-label{color:#28a745;font-weight:500}@media (max-width:768px){.contract-change-history-page{padding:15px}.contract-header{align-items:flex-start;flex-direction:column;gap:15px}.contract-overview{grid-template-columns:1fr}.change-progress{align-items:flex-start;flex-direction:column;gap:15px}.progress-step:not(:last-child):after{display:none}.progress-step{align-items:center;flex-direction:row;gap:12px;min-width:auto}.step-label{text-align:left}}.settlement{padding:20px}.settlement-info{display:flex;flex-direction:column;gap:20px}.settlement-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.settlement-card h4{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:20px}.settlement-details{display:flex;flex-direction:column;gap:16px}.settlement-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0}.settlement-item:last-child{border-bottom:none}.settlement-label{color:#6c757d;font-size:.875rem;font-weight:500}.settlement-value{color:#333;font-size:1rem;font-weight:600}.settlement-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}input.date-input-search{background:#fff;background:var(--gray-gray-0,#fff);border:1px solid #d5d7dc;border-radius:3px;height:36px;margin:0 8px;width:160px}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{opacity:0}input[type=date]{-moz-appearance:textfield}input[type=date]::-ms-clear,input[type=date]::-ms-expand{display:none}.date-input{background:#fff;border:1px solid #d5d7dc;border-radius:3px;color:grey;font-size:15px;position:relative;width:160px}.date-input input[type=date]{padding-right:40px;width:100%}.date-input:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE+SURBVHgB7VTLbYNAEN0Frkh0QNwBHQRf+SiEBuIOkg6CS0gHpAME3EM6oIPgCuIDJwQib1bryCbZw+bjk5+EhtmZebPzAcbOhSRJrlQ23/cdlc1QkDnTNL2FYfiwtEVRlNm2/a4i5cdZ4biZ55kcHc75PWQD/fUkgPNrcsf5E+QeeldVVf6FMI7jF3JkP0MD0jW9iJKDIPAkWW6a5grZhZFuQfrxI29GtrXUnyk2TVOXzi3BahiOdNoVRdHhtUOvyLGR+ifQ3xz9deu6bkiHn7APw7CC2FmqGhCw+e4cCVqIW1XckvAGvXSZBlCVpyTExMjoMQ0ghikJkW2LUjOmAdpLkD4edIP9MS6Ev4eYsmVZLbafVuAOU9MioBiSfd+3Qj8YluPXJN2WZZmdEBLoPziOo9ZiU3X4HPfsv/ABBAh63A81+68AAAAASUVORK5CYII=);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.date-input input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:30px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px}button.search-button-input{background:#fff;background:var(--gray-0,#fff);border:1px solid #b3b3b3;border-radius:3px;color:#333;font-size:15px;font-weight:700;height:36px;padding:6px 0 6px 10px;position:relative;width:94px}button.search-button-input:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH2SURBVHgBrZRLUttAEIa7W1JSmI0OQKrkE5DcQEnMmiwxWeCcwM4JwCdAvoGyCSxhD1g3AE5ggTmAWABVWJqmW7aMbAxlUfxVmlHNTH/VM/1AWCD/18C1V6nFbK0jszdZTgzysTFZFB3WY3hF+AJUs9uy2gEGlwVCgAkDyweeHHbHVhykd1k3OqonrwL9rYHnkNMXY09gkXzdk8MvUflwY2voM3ILEXcQMB6Z0fd5b7HwzKk552MY/j05WAvgDf1o3nQIeT+H3o++lT0lHexVa3dZmOpMzhg5qzZ2jTozHupVbbIHDBie/l/7AxXU+D3sy9N8Te/TeuElEVl+Tjb8D6oqg66Mrr1CrWKJ5B02ZU7mA7CM1EYzgdFafwZingoxvFNiH5dydRwU8dKFDxKxMVcSrXcDmUGyg2+nQEnEC5ldTVqoKLXR6jEAR1Ng+tmE+rBy712oKCbc0dlAFk2BUVhPEExPgH6jedVZFraxPWwjSBky9Mrllwcl/WQCZowBaX8ZqMLkVlpRyegh3SvvzTQHC50+IntaNZroi5pD/jRym2JtvsJm21dr4FqP9p4stie7iVjEk3+vaGmy35NyC5wVK2DpPGUowgKptwSWj4Sbk8QHfRLk7DJ9MGG5u2w0r8MydCGwqgqoxLv7IUDVz+1hgHKLJ/2577FQHuODAAAAAElFTkSuQmCC) no-repeat top;background-size:cover;content:"";height:20px;left:10px;position:absolute;top:6px;width:20px}.date-range-selector{align-items:center;display:flex}.settlement-title{color:#333;font-size:1.75rem;font-weight:700}.settlement-subtitle{color:#666}.settlement-search{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.search-row{align-items:end;display:flex;gap:20px}.search-item{display:flex;flex-direction:column;gap:8px}.search-item label{color:#333;font-size:.875rem;font-weight:600}.search-button{font-size:.875rem;font-weight:600;padding:8px 20px}.error-message{margin-bottom:20px}.settlement-table-container{background:#fff;border:1px solid #c6c6c6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden;overflow-x:auto}.contract-table-container{border:1px solid #c6c6c6;border-radius:8px;margin-top:16px;overflow:hidden}.settlement-table{border:1px solid #ebebeb;border-collapse:collapse;border-radius:8px;table-layout:auto;width:100%}.settlement-amount{color:#28a745}.loading-cell,.no-data-cell{padding:40px 20px}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:60px}.page-btn.active{align-items:center;background:#445ae3;border:none;border-radius:16px;color:#4d4d4d;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:700;gap:10px;height:32px;justify-content:center;padding:6px 0;width:32px}.page-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.page-button:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.page-button:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.page-numbers{display:flex;gap:5px}.page-number{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.page-number:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.page-number.active{background:#007bff;border-color:#007bff;color:#fff}.page-number:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.settlement-summary{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:16px 20px}.summary-item{align-items:center;gap:8px}.summary-label{font-size:.875rem}.status-button{border:1px solid #445ae3;border-radius:4px;cursor:pointer;font-weight:600;padding:6px 12px;transition:all .2s}.status-button.settlement-progress{background:#ffc107;color:#212529}.status-button.settlement-completed{background:#28a745;color:#fff}.status-button.tax-invoice{background:#007bff;color:#fff}.status-button.reverse-tax-invoice{background:#17a2b8;color:#fff}.status-button:hover{opacity:.8;transform:translateY(-1px)}@media (max-width:768px){.settlement,.settlement-container{padding:15px}.settlement-card{padding:20px}.settlement-item{align-items:flex-start;flex-direction:column;gap:8px}.search-row{align-items:stretch;flex-direction:column;gap:15px}.date-inputs{justify-content:center}.settlement-table-container{overflow-x:auto}.settlement-table{min-width:600px}.settlement-table td,.settlement-table th{font-size:.8rem;padding:12px 8px}.pagination{flex-wrap:wrap;gap:5px}.settlement-summary{flex-direction:column;gap:10px;text-align:center}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}.modal-header{align-items:flex-end;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modaltitle{display:flex;justify-content:center;width:100%}.modal-header h3{color:#111;font-size:28px}.modal-tabs{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:0 24px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.modal-tab:hover{background:#3b82f60d;color:#3b82f6}.modal-tab.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:3.1rem;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}button.modal-close-btn{background:#4459e3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-style:normal;font-weight:700;padding:12px 48px;width:124px}.modal-footer{flex-shrink:0;padding:20px 24px}.tax-invoice-content{font-size:.875rem}.invoice-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px;text-align:center}.invoice-header h4{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.invoice-company{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.invoice-company h5{color:#374151;font-weight:600;margin:0 0 8px}.invoice-items{margin-bottom:24px}.invoice-items h5{color:#374151;font-weight:600;margin:0 0 12px}.invoice-table{border:1px solid #d1d5db;border-collapse:collapse;width:100%}.invoice-table td,.invoice-table th{border-bottom:1px solid #d1d5db;padding:12px;text-align:left}.invoice-table th{background:#f3f4f6;color:#374151;font-weight:600}.invoice-total{background:#f9fafb;border-radius:8px;padding:16px;text-align:right}.invoice-total p{font-size:.875rem;margin:4px 0}.total-amount{border-top:1px solid #d1d5db;color:#1e40af;font-size:1rem;font-weight:700;margin-top:8px;padding-top:8px}.btn{border:none;border-radius:6px;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.loading-message{color:#6b7280;font-style:italic;padding:40px;text-align:center}.tax-invoice-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.tax-invoice-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:95vh;max-width:1000px;overflow-y:auto;width:100%}.tax-invoice-header{align-items:center;background-color:#f8fafc;border-bottom:2px solid #1e40af;display:flex;justify-content:space-between;padding:20px}.tax-invoice-header h2{color:#1e40af;font-size:1.8rem;font-weight:700;margin:0}.tax-invoice-close{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:3.1rem;height:40px;justify-content:center;padding:5px;transition:all .2s;width:40px}.tax-invoice-close:hover{background-color:#e5e7eb;color:#374151}input.radio-input{height:auto;margin-top:10px;width:auto}.tax-invoice-form{font-family:Malgun Gothic,sans-serif;font-size:14px;line-height:1.4}.tax-invoice-top-info{border-bottom:1px solid #e5e7eb;padding:20px}.book-info{display:flex;gap:30px;justify-content:flex-end}.book-number,.serial-number{align-items:center;display:flex;gap:10px}.book-number label,.serial-number label{color:#374151;font-weight:600}.book-number span,.serial-number span{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;min-width:80px;padding:4px 8px;text-align:center}.tax-invoice-parties{border-bottom:1px solid #e5e7eb;display:flex}.buyer-info,.supplier-info{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.tax-invoice-wrapper{font-size:14px;line-height:1.4}.tax-invoice-title h2{color:#333;font-size:1.5rem;margin:0 0 20px}.tax-invoice-wrapper table{border-collapse:collapse;width:100%}.tax-invoice-wrapper td,.tax-invoice-wrapper th{border:1px solid #ddd;padding:8px;text-align:center;vertical-align:middle}.blue-section-title{background-color:#e3f2fd;color:#1976d2}.red-label{background-color:#ffebee;width:120px}.gray-bg{background-color:#f5f5f5;font-weight:700}.td1{width:8%}.td2{width:12%}.input-readonly{background:#0000;padding:4px;text-align:center}.input-readonly:focus{outline:none}.tax-invoice-wrapper label{font-weight:400;margin-right:15px}.tax-invoice-wrapper input[type=radio]{height:auto;margin-right:5px;width:auto}.no-data{color:#6b7280;font-style:italic;padding:40px}.buyer-info{border-right:none}.party-label{align-items:center;background-color:#1e40af;border-radius:4px;color:#fff;display:flex;font-weight:600;height:200px;justify-content:center;margin-bottom:15px;padding:10px 5px;text-align:center;text-orientation:mixed;width:30px;writing-mode:vertical-rl}.party-details{margin-left:40px}.detail-row{margin-bottom:8px}.detail-row label{color:#374151;flex-shrink:0;font-weight:500;width:80px}.detail-row span{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;flex:1 1;min-height:20px;padding:4px 8px}.tax-invoice-summary{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px}.summary-row{gap:30px}.date-section,.summary-row{align-items:center;display:flex}.date-section{gap:10px}.date-section label{color:#374151;font-weight:600}.date-section span{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:120px;padding:6px 12px;text-align:center}.amount-section{display:flex;gap:20px}.amount-item{gap:10px}.amount-item label{color:#374151;font-weight:600}.amount-item span{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1e40af;font-weight:600;min-width:100px;padding:6px 12px;text-align:right}.remarks-section{align-items:center;display:flex;gap:10px;margin-left:auto}.remarks-section label{color:#374151;font-weight:600}.remarks-section span{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:100px;padding:6px 12px}.tax-invoice-items{padding:20px}.tax-invoice-table{border:2px solid #1e40af;border-collapse:collapse;margin-bottom:20px;width:100%}.tax-invoice-table th{background-color:#1e40af;border:1px solid #1e40af;color:#fff;font-size:13px;font-weight:600;padding:12px 8px;text-align:center}.tax-invoice-table td{background-color:#fff;border:1px solid #d1d5db;font-size:13px;padding:10px 8px;text-align:center}.tax-invoice-table tbody tr:nth-child(2n){background-color:#f9fafb}.tax-invoice-table tbody tr:hover{background-color:#f3f4f6}.tax-invoice-total{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px}.total-amount{align-items:center;display:flex;gap:15px;justify-content:flex-end;margin-bottom:20px}.total-amount label{color:#374151;font-size:16px;font-weight:700}.total-amount span{background-color:#1e40af;border-radius:6px;color:#fff;font-size:18px;font-weight:700;min-width:150px;padding:10px 20px;text-align:center}.payment-method{align-items:center;display:flex;justify-content:space-between}.amount-action,.payment-options{align-items:center;display:flex;gap:15px}.amount-action label,.payment-options label{color:#374151;font-weight:600}.radio-group{gap:15px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:5px}.radio-group input[type=radio]{margin:0}.tax-invoice-actions{background-color:#f8fafc;padding:30px;text-align:center}.reverse-issue-btn{background-color:#1e40af;border:none;border-radius:8px;box-shadow:0 4px 6px #1e40af33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .2s}.reverse-issue-btn:hover{background-color:#1d4ed8;box-shadow:0 6px 12px #1e40af4d;transform:translateY(-2px)}.member-info .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.member-info .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.member-info .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.member-info .modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.member-info .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.member-info .modal-close:hover{background:#e5e7eb;color:#374151}.member-info .modal-body{padding:24px}.member-info .form-section{margin-bottom:0}.member-info .form-item{margin-bottom:20px}.member-info .form-item:last-child{margin-bottom:0}.member-info .form-item label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.member-info .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.member-info .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.member-info .form-input::placeholder{color:#9ca3af}.member-info .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.member-info .modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.member-info .modal-btn.cancel-btn{background:#6b7280;color:#fff}.member-info .modal-btn.cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.member-info .modal-btn.submit-btn{background:#3b82f6;color:#fff}.member-info .modal-btn.submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.member-info .modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.inquiry{margin-bottom:40px}.inquiry-header{align-items:center;display:flex;justify-content:right;margin-bottom:24px}.inquiry-new-btn{background:#445ae3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.inquiry-new-btn:hover{background:#3b4cc7;transform:translateY(-1px)}.inquiry-list{display:flex;flex-direction:column;gap:16px}.inquiry-item{background:#edf4ff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.inquiry-question{align-items:flex-start;background:#edf4ff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .3s ease;width:100%}.inquiry-question.expanded{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.inquiry-question-content{flex:1 1;flex-direction:column;gap:8px}.inquiry-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.inquiry-question-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.inquiry-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.inquiry-status.completed{background:#dcfce7;color:#166534}.inquiry-status.pending{background:#fef3c7;color:#92400e}.inquiry-question-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.inquiry-date{color:#94a3b8;font-size:.8rem}.inquiry-arrow{align-items:center;display:flex;margin-left:16px}.inquiry-arrow img{height:32px;width:32px}.inquiry-answer{background:#edf4ff;max-height:0;overflow:hidden;transition:max-height .3s ease}.inquiry-answer.expanded{border-top:1px solid #e2e8f0;max-height:1000px;padding:24px}.inquiry-admin-reply,.inquiry-user-question{margin-bottom:20px}.inquiry-admin-reply:last-child,.inquiry-user-question:last-child{margin-bottom:0}.inquiry-admin-reply h5,.inquiry-user-question h5{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;margin:0 0 8px;padding-bottom:4px}.inquiry-admin-reply p,.inquiry-user-question p{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.inquiry-admin-reply{background:#f8fafc;border-left:4px solid #445ae3;border-radius:8px;padding:16px}.inquiry-waiting{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:16px;text-align:center}.inquiry-waiting p{color:#92400e;font-size:.9rem;font-weight:500;margin:0}@media (max-width:768px){.inquiry-header{align-items:flex-start;flex-direction:column;gap:16px}.inquiry-question{padding:16px 20px}.inquiry-question-header{align-items:flex-start;flex-direction:column;gap:8px}.inquiry-answer.expanded{padding:20px}.inquiry-new-btn{width:100%}}.inquiry-empty,.inquiry-error,.inquiry-loading{color:#64748b;padding:60px 20px;text-align:center}.inquiry-empty p,.inquiry-error p,.inquiry-loading p{font-size:1.1rem;margin:0 0 24px}.inquiry-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.inquiry-retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.inquiry-empty .inquiry-new-btn{margin-top:16px}.inquiry-loading-text{color:#94a3b8;font-style:italic;margin:0}.inquiry-create{margin-bottom:40px}.inquiry-create-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.table-label-inquiry{background-color:#edeff5;border-bottom:1px solid #c6c6c6;border-bottom:1px solid var(--line-40,#c6c6c6);color:#777;font-weight:700;height:48px}.table-label-inquiry,.table-value-inquiry{border-right:none;font-size:15px;padding:0 16px;vertical-align:middle}.table-value-inquiry{background:#fff;border-bottom:1px solid #ebebeb;border-bottom:1px solid var(--line-40,#ebebeb);color:#333;font-weight:400;height:72px;text-align:center}.inquiry-back-btn{background:none;border:1px solid #445ae3;border-radius:8px;color:#445ae3;cursor:pointer;font-size:15px;font-weight:600;height:48px;padding:8px 16px;transition:all .3s ease;width:144px}.inquiry-question-content{align-items:flex-start;background:#f2f7ff;color:#333;display:flex;font-size:15px;font-weight:400;justify-content:center;padding:43px 90px}.inquiry-answer-section{background:#fff;padding:43px 90px}.inquiry-answer-section h5{border-bottom:1px solid #ebebeb;color:#333;font-size:15px;font-weight:400;padding-bottom:10px}.inquiry-answer-section p{color:#333;font-size:15px;font-weight:400;padding:20px 0}.inquiry-back-btn:hover{background:#f1f5f9;color:#475569}.inquiry-form-group{margin-bottom:24px}.inquiry-form-label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.inquiry-form-input-details{background:#fff;border:1px solid #ebebeb;border-radius:12px;color:#333;font-size:15px;font-weight:400;height:64px;padding:16px 21px 16px 20px;width:100%}.inquiry-form-input,.inquiry-form-select,.inquiry-form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;padding:6px 16px;transition:all .3s ease;width:100%}.inquiry-form-input:focus,.inquiry-form-select:focus,.inquiry-form-textarea:focus{border-color:#445ae3;box-shadow:0 0 0 3px #445ae31a;outline:none}.section-content{align-items:center;display:flex;height:100px;justify-content:space-between}.inquiry-form-textarea{min-height:120px;resize:vertical}.inquiry-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:24px;padding:12px 16px}.inquiry-form-actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.inquiry-cancel-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.inquiry-cancel-btn:hover{background:#f1f5f9;color:#475569}.inquiry-submit-btn{background:#445ae3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:48px;padding:12px 24px;transition:all .3s ease;width:144px}.inquiry-submit-btn:hover:not(:disabled){background:#3b4cc7;transform:translateY(-1px)}.inquiry-submit-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}@media (max-width:768px){.inquiry-create-form{padding:24px}.inquiry-form-actions{flex-direction:column}.inquiry-cancel-btn,.inquiry-submit-btn{width:100%}}.withdrawal-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:32px;padding:24px}.notice-header h3{color:#dc2626;font-size:1.2rem;font-weight:600;margin:0 0 16px}.notice-content ul{margin:0;padding-left:20px}.notice-content li{color:#7f1d1d;line-height:1.6;margin-bottom:8px}.notice-content li:last-child{margin-bottom:0}.withdrawal-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:32px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.reason-options{display:flex;flex-direction:column;gap:12px}.reason-option{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.reason-option:hover{background:#f8fafc;border-color:#cbd5e1}.reason-option input[type=radio]{accent-color:#dc2626;height:18px;margin:0;width:18px}.reason-option input[type=radio]:checked+span{color:#dc2626;font-weight:600}.reason-option span{color:#374151;font-size:.95rem}.form-section textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.form-section textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.agreement-checkbox{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s ease}.agreement-checkbox:hover{background:#f1f5f9}.agreement-checkbox input[type=checkbox]{accent-color:#dc2626;height:18px;margin:0;width:18px}.agreement-checkbox span{color:#374151;font-size:.95rem;font-weight:500}.withdrawal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px;padding:16px}.withdrawal-error p{font-size:.95rem;font-weight:500;margin:0}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.95rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#f1f5f9;color:#475569}.btn-danger{background:#dc2626;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-danger:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}s .modal-header{padding:24px 24px 0}.modal-header h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.modal-body p{color:#374151;font-size:1rem;line-height:1.6;margin:0 0 12px}.warning-text{color:#dc2626;font-weight:600}.modal-footer{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}@media (max-width:768px){.withdrawal-page{padding:16px}.withdrawal-form{padding:24px}.form-actions{flex-direction:column}.btn-danger,.btn-secondary{width:100%}.modal-content{width:95%}.modal-footer{flex-direction:column}.modal-footer .btn-danger,.modal-footer .btn-secondary{width:100%}}.superset-chart-container{margin:20px 0;width:100%}.superset-chart-container .chart-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.superset-iframe{border:none;border-radius:8px;width:100%}.energy-chart-container,.superset-iframe{background:#fff;box-shadow:0 2px 8px #0000001a}.energy-chart-container{border-radius:12px;margin:20px 0;padding:20px}@media (max-width:768px){.superset-chart-container{margin:10px 0}.superset-chart-container .chart-title{font-size:16px}.chart-container,.energy-chart-container{margin:15px 0;padding:15px}}.sort-section{align-items:center;justify-content:flex-end}input.filter-radio{width:auto}.search-conditions-container{display:flex;gap:8px}.business-type-selection{align-items:center;display:flex}.radio-group{display:flex;gap:20px}.radio-label{font-weight:500}.radio-label input[type=radio]{accent-color:#667eea;height:16px;width:16px}.radio-text{color:#495057}.business-selector{display:flex;flex-direction:column;gap:5px}.selector-label{color:#6c757d;font-size:12px;font-weight:500}.business-dropdown{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px}.month-selector{align-items:center;display:flex;position:relative}.month-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;width:100px}.calendar-icon{cursor:pointer;font-size:14px;position:absolute;right:8px}.search-button{background:#667eea;padding:10px 20px}.search-button:hover:not(:disabled){background:#5a6fd8}.search-button:disabled{background:#adb5bd}.settlement-status-table{border-collapse:collapse;font-size:14px;width:100%}.settlement-status-table thead{background:#f8f9fa}.settlement-status-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.settlement-status-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.settlement-status-table tbody tr:hover{background-color:#f8f9fa}.business-name{color:#495057;font-weight:500}.month{color:#6c757d}.settlement-amount{color:#495057;font-weight:600;text-align:right}.settlement-status span{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.view-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.view-button:hover{background:#0056b3}.not-available{color:#adb5bd;font-style:italic}.total-row{background:#f8f9fa;font-weight:600}.total-label{color:#495057;font-size:15px}.total-amount{color:#dc3545;font-size:15px;text-align:right}.loading-cell,.no-data-cell{color:#6c757d;font-style:italic;padding:40px;text-align:center}.settlement-info-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px;width:350px}.info-section{border-bottom:1px solid #e9ecef;margin-bottom:25px;padding-bottom:20px}.info-section:last-of-type{border-bottom:none}.info-section h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 12px}.info-section p{color:#6c757d;font-size:13px;line-height:1.5;margin:0 0 8px}.status-example{border-radius:3px;display:inline-block;font-size:11px;font-weight:500;margin:0 2px;padding:2px 6px}.highlight{color:#dc3545;font-weight:500}.info-notice{background:#343a40;border-radius:4px;color:#fff;margin-top:20px;padding:12px}.info-notice p{color:#fff;font-size:12px;margin:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:14px;margin:20px 0;padding:12px 16px}@media (max-width:1200px){.settlement-status-container{flex-direction:column}.settlement-info-panel{margin-top:20px;width:100%}}@media (max-width:768px){.settlement-status-page{padding:10px}.settlement-page-header{padding:15px 20px}.settlement-search-section,.settlement-status-section{padding:20px}.radio-group{justify-content:center}.settlement-info-panel{padding:20px}}.chart-section h2{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.chart-container{position:relative}.chart-legend{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:10px}.legend-item{font-size:12px}.legend-bar{border-radius:2px;height:12px;width:16px}.legend-bar.current-year{background-color:#87ceeb}.legend-bar.last-year{background-color:#4169e1}.legend-line{height:2px;position:relative;width:16px}.legend-line.current-year:after{background-color:#87ceeb}.legend-line.current-year:after,.legend-line.last-year:after{content:"";height:2px;left:0;position:absolute;top:0;width:100%}.legend-line.last-year:after{background-color:#9370db}.chart-area{height:300px;padding:20px;position:relative}.y-axis-label{color:#666;font-size:12px;font-weight:600;position:absolute;top:10px}.y-axis-label.left{left:10px}.y-axis-label.right{right:10px}.chart-grid{align-items:end;display:flex;height:100%;justify-content:space-between;padding-top:20px}.chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bars{align-items:end;display:flex;gap:2px;height:100%;justify-content:center;width:100%}.bar{border-radius:2px 2px 0 0;transition:all .3s ease;width:12px}.bar.current-year-fee{background-color:#87ceeb}.bar.last-year-fee{background-color:#4169e1}.line-points{height:100%;top:0;width:100%}.line-point,.line-points{left:50%;position:absolute;transform:translateX(-50%)}.line-point{border-radius:50%;height:6px;width:6px}.line-point.current-year-supply{background-color:#87ceeb}.line-point.last-year-supply{background-color:#9370db}.month-label{bottom:-25px;color:#666;font-size:12px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.table-title-statistics{color:#333;color:var(--font03,#333);font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px;margin-top:24px}table.detail-table{border-top:1px solid #3e77d9}.mypage-user-info{color:#000;padding:20px 20px 0}.user-welcome{margin-bottom:12px}.user-welcome .mypage-title{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.user-details{display:flex;flex-direction:row;gap:4px}.inquiry-table{border:1px solid #c9caca;border-collapse:initial;border-radius:10px;border-spacing:0;overflow:hidden}.user-company{color:#333;font-size:14px;font-weight:600;opacity:.9}.user-role{background:#fff3;border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.user-status{align-items:center;display:flex;font-size:12px;gap:6px;opacity:.8}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-indicator,.status-indicator.online{background:#4ade80}.status-indicator.offline{background:#ef4444}@keyframes pulse{0%{box-shadow:0 0 0 0 #4ade80b3}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}.modal-content.alert-modal{padding:30px 100px}.alert-message{color:#333;font-family:Pretendard;font-size:15px;font-style:normal;font-weight:500;line-height:normal}button.alert-btn.confirm-btn{background:#445ae3;border:none;border-radius:5px;color:#fff;font-size:15px;height:48px;width:124px}.alert-actions{display:flex;justify-content:center;margin-top:20px}.business-field-group{display:flex;flex-direction:column;gap:11px;margin-top:24px}.business-form-container-left{display:flex;gap:16px;justify-content:center}.business-field-group label{color:#333;font-size:15px;font-weight:700}input.business-input-field{background:#eceff1;border:1px solid #b3b3b3;border:1px solid var(--font06,#b3b3b3);border-radius:5px;height:40px}button.business-check-btn{background-color:#fff;border:1px solid #445ae3;border-radius:3px;color:#445ae3;cursor:pointer;font-size:16px;font-weight:700;height:40px;width:97px}button.business-check-btn:hover{background-color:#445ae3;color:#fff}.section-header{background:linear-gradient(270deg,#e0edff,#c9e0ff);background:var(--ver03,linear-gradient(270deg,#e0edff 0,#c9e0ff 100%));border-bottom:none;display:flex;height:36px;padding:10px 20px}.section-title{font-size:16px}.page-title{color:#333;font-size:17px;font-weight:700;margin-bottom:20px}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.info-card h4{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:20px}.info-label{color:#8e8e93;color:var(--Grays-Gray,var(--Grays-Gray,#8e8e93));flex-shrink:0;font-size:15px;font-weight:700;margin-bottom:14px;width:120px}.info-value{color:#333;font-size:17px;font-weight:500}.info-value.member-type{color:#007bff;font-weight:600}.info-value.status.active{color:#28a745;font-weight:600}.info-value.status.inactive{color:#dc3545;font-weight:600}.edit-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-size:.875rem;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.edit-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.edit-input::placeholder{color:#6c757d}.summary-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.summary-label{color:#6c757d;font-size:14px;font-weight:600;margin-bottom:8px}.summary-value{font-size:24px;font-weight:700}.summary-card.status-pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffeaa7}.summary-card.status-pending .summary-value{color:#856404}.summary-card.status-approved{background:linear-gradient(135deg,#d1edff,#74b9ff);border-color:#74b9ff}.summary-card.status-approved .summary-value{color:#155724}.summary-card.status-rejected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#f5c6cb}.summary-card.status-rejected .summary-value{color:#721c24}.btn-primary{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .15s ease-in-out}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .15s ease-in-out}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .15s ease-in-out}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-secondary{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .15s ease-in-out}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn:disabled{background-color:#adb5bd;cursor:not-allowed}.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.loading{color:#6c757d;font-size:1rem;padding:40px 20px}.error,.loading{text-align:center}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin-bottom:20px;padding:20px}.no-data{color:#6c757d;font-size:1rem;padding:40px 20px;text-align:center}@media (max-width:768px){.mypage-container{padding:15px}.info-card{padding:20px}.info-row{flex-direction:column;gap:8px;padding:12px 16px}.info-label{font-weight:600;width:auto}.edit-input{margin-top:4px;width:100%}.action-buttons{flex-direction:column;gap:8px}.btn-danger,.btn-primary,.btn-secondary,.btn-success{justify-content:center;width:100%}}.contract-table-section h3{color:#333;font-family:Pretendard;font-size:17px;font-style:normal;font-weight:700;line-height:150%;margin-top:48px}.alert-icon{display:none}td.table-label,th.table-label{background-color:#edeff5;border-bottom:1px solid #c6c6c6;border-right:none;color:#333;font-size:15px;font-weight:700;height:48px;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;vertical-align:middle}table.invoice-details-table,table.invoice-info-table{border-top:1px solid #4459e3}.contract-table td:last-child{border-right:none}.contract-table tr:last-child td{border-bottom:none}.detail-label{background-color:#f8f9fa;color:#495057;font-size:.875rem;font-weight:600;text-align:left;width:140px}.detail-value{background-color:#fff;color:#333;font-size:.875rem;font-weight:500}.page-bottom{display:flex;justify-content:center;padding:30px 0 48px}td.table-value{background-color:#fff;border-bottom:1px solid #e6e6e6;color:#333;font-size:15px;font-weight:400;height:48px;overflow:hidden;padding:0 6px;text-align:center;text-overflow:ellipsis;vertical-align:middle}button.detail-button{background:#fff;background:var(--gray-0,#fff);border:1px solid #4459e3;border:1px solid var(--DDP_MAIN,#4459e3);border-radius:3px;color:#4459e3;cursor:pointer;font-size:14px;font-weight:700;padding:5px 14px;transition:all .2s ease}td.detail{color:#333;font-size:17px;font-weight:700;height:48px;padding:0 8px}tr.detail-row-last{border-top:1px solid #b3b3b3}.generator-list{display:inline}.section-title-modal{background-color:#f0f0f0;font-weight:700;text-align:center;text-orientation:mixed;width:40px;writing-mode:vertical-rl}@media (max-width:768px){.contract-detail-table{font-size:.8rem}.contract-detail-table td{padding:8px 12px}.detail-label{width:100px}}@media (max-width:480px){.contract-detail-table{font-size:.75rem}.contract-detail-table td{padding:6px 8px}.detail-label{width:80px}}.document-download-section{margin-bottom:-75px}.document-buttons{display:flex;flex-wrap:wrap;gap:12px}.document-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.document-btn:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.download-icon{height:24px;object-fit:contain;width:24px}@media (max-width:768px){.document-buttons{flex-direction:column;gap:8px}.document-btn{min-width:auto;width:100%}}.tax-invoice-wrapper{background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;gap:15px;max-width:1600px;padding:20px}h2{margin-top:0}.title{display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:20px}.section-title-vertical{background:#fdd;font-weight:700;padding:5px;text-align:center;vertical-align:middle;width:2%;width:3%;writing-mode:vertical-rl}.blue-section-title{background:#def}.red-label{color:red;font-weight:700}.gray-bg{background:#f0f0f0}.input-readonly{background:none;border:none;font-size:14px;height:27px;padding:3px;width:100%}.invoice-wrapper{display:flex;flex-direction:column;gap:16px;padding:30px}.flex{display:flex;gap:10px}.flex-grow{flex-grow:1}.small{width:80px}.btn{background:#eee;border:1px solid #ccc;cursor:pointer;padding:3px 5px}.text-center,.vertical{text-align:center}.vertical{writing-mode:vertical-rl}.td1{width:5%}.td2{width:10%}.td3{width:15%}.td4{width:20%}.chart-description{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:20px;padding:15px}.chart-description p{color:#555;font-size:14px;margin:0 0 10px}.chart-groups{display:flex;flex-wrap:wrap;gap:20px}.group-info{align-items:center;display:flex;font-size:13px;gap:8px}.group-label{background:#e9ecef;border-radius:3px;color:#333;font-weight:600;padding:2px 8px}table.company-info-table,table.generators-table,table.plant-info-table{border-top:1px solid #3e77d9}.group-items{color:#666}.chart-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.table-header{margin-bottom:20px;margin-top:24px}.section-container{margin-top:16px}.table-header h3{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.table-description{color:#666;font-size:14px;margin:0}.trading-table{background:#fff;border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.table-summary{background:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;display:flex;flex-wrap:wrap;gap:30px;margin-top:20px;padding:15px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{color:#666;font-size:12px;font-weight:500}.summary-value{color:#333;font-size:16px;font-weight:600}.summary-value,p.summary-subtitle{margin-left:20px}.settlement-container{margin-bottom:20px}img.summary-img{height:auto;width:auto}.error-container,.loading-container{padding:50px;text-align:center}.error-container{color:#dc3545}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.retry-button:hover{background-color:#0056b3}.header-section{margin-bottom:24px}.header-content{justify-content:space-between}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-right{display:flex;gap:8px}.download-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.download-button:hover{background-color:#555}.statistics-container{padding:24px}.ppa-contract-section{background:linear-gradient(270deg,#e0edff,#c9e0ff);border:1px solid #445ae3;border-radius:8px;box-shadow:0 4px 4px 0 #00000014;margin-bottom:24px}.ppa-contract-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:24px}.section-title{color:#333;font-size:18px;font-weight:700}.section-title-current{color:grey;font-size:15px;font-weight:500;margin-bottom:16px;text-align:right}.contract-status-card{align-items:center;display:flex;justify-content:space-around;margin-bottom:16px}.status-item{display:flex;flex-direction:column;gap:16px;text-align:center}.status-value{color:#3e77d9;font-size:32px;font-weight:700}.card-value-unit{color:#666;font-size:16px;font-weight:400;margin-left:4px}.status-label{color:grey;font-size:15px}.progress-section{align-items:center;display:flex;flex-direction:row;gap:35px}.progress-label{color:grey;font-size:15px}.progress-bar-container{background-color:#ebebeb;border-radius:10px;height:20px;overflow:hidden;width:75%}.progress-bar{background-color:#6790f2;border-radius:10px;box-shadow:4px 0 4px 0 #0000001a;height:100%;transition:width .3s ease}.current-year-section{align-items:center;display:flex;justify-content:space-between}.current-year-item{text-align:center}.current-year-value{font-size:32px;font-weight:700}.current-year-label{font-size:14px;opacity:.9}@media (max-width:768px){.ppa-contract-grid{gap:16px;grid-template-columns:1fr}.contract-status-card,.current-year-section{flex-direction:column;gap:16px}.current-year-value,.status-value{font-size:24px}.header-content{flex-direction:column;gap:16px}.header-left{flex-direction:column;gap:8px}}.search-conditions-header{align-items:center;display:flex;gap:6px}.search-conditions{align-items:center;display:flex;gap:14px;justify-content:flex-start;margin-bottom:12px;width:100%}.search-conditions-header h3{color:#4d4d4d;font-size:14px;font-weight:700;margin:0}.search-conditions-body{align-items:center;display:flex;flex-direction:row;gap:14px}.search-conditions-body h3{color:#4d4d4d;font-size:14px;font-weight:700}.search-section{align-items:center;background:none;display:flex;gap:10px}.search-select{height:36px;position:relative;width:160px}select.search-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC8SURBVHgBjY/hDcIgEIWBdoCO4AiOYP+3jZ1AnaDpBLYTyAatE9AA/x3BVboAwUcChhKjXkK4e3nfg6NKqY4QUtR1PZI/yvmttZRRFOYBwvUXJKW84eJAipDCcew3WGs9ec/gZhqlzUg64Rt90zQ86EKIIs/zCe0RZ8RKW9C//MB1QMC5qqq7h5y2h9ZDewduwNiIly8wd6HHL+bYS9NdHJxl2RPQDuPqoSX1sVRo23Y1xpRoF8ZY+Qly9QISI1Rlnm/PzAAAAABJRU5ErkJggg==);background-position:right 12px center;background-position:right 10px center;background-repeat:no-repeat;background-size:12px 6px;border:1px solid #d5d7dc;border-radius:3px;color:#4d4d4d;cursor:pointer;font-size:15px;padding:8px 36px 8px 12px}.search-section-title{color:#555;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.search-section-content{align-items:center;display:flex;gap:10px}.date-type-radios{gap:15px}.date-type-radios,.radio-label{align-items:center;display:flex}.radio-label{color:#555;cursor:pointer;font-size:14px;gap:8px}.radio-label input[type=radio]{accent-color:#007bff;margin:0}.radio-label span{-webkit-user-select:none;user-select:none}.date-input-group{align-items:center;display:flex;gap:8px}.date-input-group label{color:#666;font-size:12px;font-weight:500}.dropdown-row,.facility-contract-radios{align-items:center;display:flex;gap:15px}.dropdown-row{flex-wrap:wrap}.dropdown-group{align-items:center;display:flex;gap:8px;min-width:180px}.dropdown-group label{color:#666;font-size:12px;font-weight:500}.dropdown-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.dropdown-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.search-actions{align-items:center;display:flex;gap:10px;padding:0}.search-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 24px;transition:background-color .2s}.search-button:hover:not(:disabled){background:#0056b3}.search-button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.search-conditions{padding:15px}.date-inputs{align-items:stretch;flex-direction:column}.date-separator{margin:5px 0;text-align:center}.dropdown-row{flex-direction:column;gap:15px}.dropdown-group{min-width:auto}.date-type-radios,.facility-contract-radios{flex-wrap:wrap;gap:15px}}.settlement-header{margin-bottom:32px;text-align:center}.settlement-title{color:#1e293b;font-size:2rem;font-weight:600;margin-bottom:8px}.settlement-subtitle{color:#64748b;font-size:1rem;margin:0}.calendar-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px}.calendar-filters{display:flex;gap:20px}.filter-label{align-items:center;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:0 12px;transition:all .2s ease}.filter-label:hover{background:#f9fafb;border-color:#9ca3af}.filter-label input[type=radio]{accent-color:#3b82f6;margin:0}.filter-label:has(input:checked){background:#eff6ff;border-color:#3b82f6;color:#1e40af}.calendar-navigation{align-items:center;display:flex;gap:20px}.nav-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;transition:background-color .2s}.nav-button:hover:not(:disabled){background:#2563eb}.nav-button:disabled{background:#9ca3af;cursor:not-allowed}.current-month{color:#1f2937;font-size:18px;font-weight:600;margin:0}.calendar-legend{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:30px;justify-content:center;margin-bottom:16px;padding:16px}.legend-item{color:#374151;font-size:14px;font-weight:500;gap:8px}.legend-color{border:1px solid #d1d5db;border-radius:4px;height:16px;width:16px}.calendar-grid{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.calendar-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(7,1fr)}.day-header{color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:center}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-height:105px;padding:8px;position:relative;transition:background-color .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty,.calendar-day:hover{background:#f8fafc}.day-number{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.day-events{display:flex;flex-direction:column;gap:2px}.event-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:opacity .2s;white-space:nowrap}.event-item:hover{opacity:.8}.lightning-icon{font-size:10px}.event-text{flex:1 1;overflow:hidden;text-overflow:ellipsis}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#374151;font-size:16px;font-weight:500;padding:20px 40px}@media (max-width:768px){.settlement-container{padding:16px}.settlement-title{font-size:1.75rem}.calendar-controls{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.calendar-filters{flex-wrap:wrap;gap:12px;justify-content:center}.filter-label{font-size:13px;padding:6px 10px}.calendar-navigation{gap:16px;justify-content:center}.nav-button{font-size:13px;min-width:36px;padding:6px 10px}.current-month{font-size:16px}.calendar-legend{flex-wrap:wrap;gap:16px;padding:12px}.legend-item{font-size:13px}.legend-color{height:14px;width:14px}.calendar-day{min-height:100px;padding:6px}.day-number{font-size:13px}.event-item{font-size:10px;padding:3px 5px}.day-header{font-size:13px;padding:10px 6px}}@media (max-width:480px){.settlement-container{padding:12px}.settlement-title{font-size:1.5rem}.calendar-controls{padding:12px}.calendar-filters{gap:8px}.filter-label{font-size:12px;padding:4px 8px}.calendar-legend{gap:12px;padding:10px}.legend-item{font-size:12px}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:12px}.event-item{font-size:9px;padding:2px 4px}.day-header{font-size:12px;padding:8px 4px}}.trading-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px 35px}.trading-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0}.register-product-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 8px 25px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.register-product-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-product-btn:hover:before{left:100%}.register-product-btn:hover{box-shadow:0 15px 35px #667eea80;transform:translateY(-3px)}.trading-controls{align-items:center;background:none;display:flex;justify-content:space-between;margin-bottom:30px}.sort-section{display:flex;gap:15px}.sort-btn{background:#0000;border:none;color:#495057;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:all .3s ease}.sort-btn.active,.sort-btn:hover{color:#667eea;-webkit-text-decoration-color:#667eea;text-decoration-color:#667eea}.sort-btn.active{font-weight:700}.filter-section{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #445ae3;border-radius:3px;color:#445ae3;cursor:pointer;font-size:15px;font-weight:700;height:35px;transition:all .3s ease;width:80px}.filter-btn:hover{background:#667eea1a;border-color:#667eea}.filter-btn.active{background:#445ae3;border-radius:3px;color:#fff}.view-section{display:flex;gap:15px}.view-btn{background:#0000;border:none;color:#495057;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:all .3s ease}.view-btn.active,.view-btn:hover{color:#667eea;-webkit-text-decoration-color:#667eea;text-decoration-color:#667eea}.view-btn.active{font-weight:700}.trading-items{margin-bottom:40px}.trading-items.list-view{display:flex;flex-direction:column;gap:20px}.trading-items.grid-view{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.trading-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #445ae3;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;padding:20px 27px 25px 40px;position:relative;transition:all .3s ease}.trading-item:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-3px)}.trading-item.list-view{align-items:center;display:flex;gap:20px}.trading-item.grid-view{display:flex;flex-direction:column;gap:15px}.search-trading-section input{background:#edf4ff;border:1px solid #ebebeb;border-radius:12px;height:56px;margin-bottom:32px}table.item-details-table{table-layout:auto;text-align:left}table.item-details-table th{color:#4d4d4d;font-size:14px;font-weight:400;padding-bottom:15px;padding-top:5px}table.item-details-table td{color:#333;font-size:15px;font-weight:500}td.price{color:#445ae3!important;font-size:15px!important;font-weight:700!important}.item-image{flex-shrink:0;margin-left:-28px;margin-right:16px;margin-top:-60px}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #adb5bd;border-radius:10px;color:#6c757d;display:flex;font-size:.7rem;font-weight:600;height:100px;justify-content:center;text-align:center;width:100px}.grid-view .image-placeholder{height:150px;width:100%}.item-content{flex:1 1}.item-title{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0 0 12px}.grid-view .item-title{font-size:1.1rem;margin-bottom:8px}.item-details{display:flex;flex-direction:row;gap:6px}.detail-row{align-items:center;display:flex;gap:8px}.detail-value.price{color:#667eea;font-size:1rem;font-weight:700}.detail-value.location{color:#6c757d;font-size:.8rem}.grid-view .detail-row{align-items:flex-start;flex-direction:column;gap:3px}.grid-view .detail-label{font-size:.75rem;min-width:auto}.grid-view .detail-value{font-size:.8rem}.item-actions{flex-shrink:0}.view-details-btn{background:#445ae3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 18px;transition:all .3s ease}.contract-trade-item{align-items:center;display:flex;gap:8px;padding:20px 0}.quantity-control{align-items:center;display:flex;width:50%}button.quantity-btn{background:none;border:none;margin:0 5px}.view-details-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.grid-view .view-details-btn{margin-top:12px;width:100%}.product-registration-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;max-width:900px;width:90%}.form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.price-input-container{align-items:center;display:flex;gap:15px}.price-unit{background:#667eea1a;border-radius:8px;color:#667eea;font-size:1rem;font-weight:700;padding:8px 12px}.calculate-btn{background:linear-gradient(135deg,#fd7e14,#ffc107);border:none;border-radius:12px;box-shadow:0 6px 20px #fd7e1466;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:15px;overflow:hidden;padding:12px 25px;position:relative;transition:all .3s ease}.calculate-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.calculate-btn:hover:before{left:100%}.calculate-btn:hover{box-shadow:0 10px 30px #fd7e1480;transform:translateY(-2px)}.form-hint{color:#667eea;display:block;font-size:.85rem;font-style:italic;font-weight:500;margin-top:8px}.estimated-amount-section{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:15px;margin-top:25px;overflow:hidden;padding:25px;position:relative}.estimated-amount-section:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.estimated-amount-section h4{color:#fff;font-size:1.3rem;font-weight:800;margin:0 0 20px;position:relative;text-shadow:0 2px 4px #0000001a;z-index:2}.amount-breakdown{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.amount-item{align-items:center;border-bottom:1px solid #fff3;color:#fff;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 0}.amount-item:last-child{border-bottom:none}.amount-item span:first-child{color:#ffffffe6;font-weight:600}.amount-item span:last-child{color:#fff;font-weight:700}.amount-item.total{border-top:2px solid #ffffff4d;font-size:1.1rem;font-weight:800;margin-top:15px;padding-top:15px}.amount-item.total span:last-child{color:gold;font-size:1.2rem;text-shadow:0 2px 4px #0003}@media (max-width:1024px){.trading-items.grid-view{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.trading{padding:30px 0}.trading-header{flex-direction:column;gap:20px;padding:25px 20px;text-align:center}.trading-title{font-size:2rem}.trading-controls{flex-direction:column;gap:20px;padding:20px}.filter-section,.sort-section{flex-wrap:wrap;justify-content:center}.trading-items.grid-view{grid-template-columns:1fr}.trading-item.list-view{flex-direction:column;text-align:center}.item-image{align-self:center}.form-row{grid-template-columns:1fr}.price-input-container{align-items:stretch;flex-direction:column}.price-unit{margin-top:8px;text-align:center}}@media (max-width:480px){.container{padding:0 20px}.trading-title{font-size:1.8rem}.filter-btn,.sort-btn{font-size:.8rem;padding:6px 12px}.trading-item{padding:20px}.item-title{font-size:1.2rem}.detail-label{font-size:.8rem;min-width:100px}}.error-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-page__card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-page__status{margin-bottom:24px}.error-page__status-code{color:#1e40af;font-size:4rem;font-weight:800;line-height:1}.error-page__message{margin-bottom:32px}.error-page__user-message{color:#374151;font-size:1.125rem;line-height:1.5;margin:0}.error-page__details{margin-bottom:32px;text-align:left}.error-page__detail-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px;margin-bottom:12px}.error-page__detail-icon{color:#1e40af;font-size:.75rem;font-weight:600}.error-page__detail-label{font-weight:600;min-width:80px}.error-page__detail-value{color:#374151;font-family:Courier New,monospace;word-break:break-all}.error-page__actions{display:flex;gap:12px;justify-content:center}.error-page__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.error-page__btn--primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.error-page__btn--primary:hover{box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.error-page__btn--secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.error-page__btn--secondary:hover{background:#e5e7eb;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.error-page{padding:16px}.error-page__card{padding:24px}.error-page__status-code{font-size:3rem}.error-page__user-message{font-size:1rem}.error-page__actions{flex-direction:column;gap:8px}.error-page__btn{padding:14px 24px;width:100%}}@media (max-width:480px){.error-page__card{padding:20px}.error-page__status-code{font-size:2.5rem}.error-page__detail-item{flex-wrap:wrap;font-size:.8rem}.error-page__detail-label{min-width:70px}}@media (prefers-color-scheme:dark){.error-page__card{background:#1e293b;color:#f1f5f9}.error-page__status-code{color:#60a5fa}.error-page__user-message{color:#e2e8f0}.error-page__detail-item{color:#94a3b8}.error-page__detail-value{color:#cbd5e1}.error-page__btn--secondary{background:#334155;border-color:#475569;color:#e2e8f0}.error-page__btn--secondary:hover{background:#475569}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.market-page{margin:60px auto;max-width:1350px;min-height:100vh;padding-top:40px}.page-header{margin-bottom:20px;text-align:left}.market-page-title{color:#001c42;font-size:24px;font-weight:700;margin:0 0 10px}.condition-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.condition-group{align-items:center;display:flex;gap:8px}.condition-group label{color:#4d4d4d;font-size:14px;font-weight:700}.date-inputs{align-items:center;display:flex;gap:10px}.date-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:140px}.date-separator{color:#666;font-weight:500}.condition-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:120px}.condition-buttons{display:flex;gap:10px;margin-left:auto}.reset-btn,.search-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.search-btn{background:#2563eb;color:#fff}.search-btn:hover{background:#1d4ed8}.reset-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.reset-btn:hover{background:#e5e7eb}.quick-period-buttons{display:flex;flex-wrap:wrap;gap:8px}.period-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.85rem;min-width:100px;padding:6px 12px;transition:all .2s}.period-select:hover{background:#f3f4f6;border-color:#2563eb}.period-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.info-tabs{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:0}.info-tab{background:#fff;border:none;border-bottom:2px solid #c6c6c6;color:grey;cursor:pointer;flex:1 1;font-size:17px;font-weight:700;padding:15px 20px;transition:all .2s}.info-tab:hover{background:#e9ecef;color:#333}.info-tab.active{background:#fff;border-bottom:3px solid #445ae3;color:#445ae3}.price-summary{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.price-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.price-card{background:#f8f9fa;border-left:4px solid #2563eb;border-radius:6px;padding:20px;text-align:center}.price-label{color:#666;font-size:.9rem;margin-bottom:8px}.price-value{color:#333;font-size:1.4rem;font-weight:600}.price-value.closing-price{color:#dc2626;font-weight:700}.price-change{color:#059669;font-size:.8rem;font-weight:500;margin-left:10px;margin-top:4px}.price-chart{margin-top:30px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#333;font-size:18px;font-weight:700;margin:0}.chart-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px}.legend-color{border-radius:50%;height:10px;width:10px}.legend-color.blue{background:#2563eb}.legend-color.green{background:#059669}.legend-color.orange{background:#ea580c}.market-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.details-header h3{color:#333;font-size:18px;font-weight:800;margin:0}.excel-download-btn{background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.excel-download-btn:hover{background:#047857}.details-table{border:1px solid #ebebeb;border-radius:8px;margin-bottom:20px;overflow-x:auto}.details-table table{border-collapse:collapse;font-size:15px;width:100%}.details-table td,.details-table th{border-bottom:1px solid #edeff5;height:48px;text-align:center;vertical-align:middle}.details-table th{background:#edeff5;color:#1d1d1d;font-weight:700}.details-table tbody tr:hover{background:#f8fafc}.closing-price{color:#dc2626;font-weight:600}.positive{color:#dc2626;font-weight:500}.negative{color:#059669;font-weight:500}@media (max-width:768px){.market-page{padding:10px}.condition-row{align-items:stretch;flex-direction:column}.condition-buttons{justify-content:center;margin-left:0}.price-cards{grid-template-columns:1fr}.chart-header{align-items:stretch;flex-direction:column;gap:15px}.chart-legend{justify-content:center}.details-header{align-items:stretch;flex-direction:column;gap:15px}.details-table{font-size:.8rem}.details-table td,.details-table th{padding:8px 4px}}@media (max-width:480px){.page-title{font-size:1.8rem}.price-value{font-size:1.2rem}.info-tab{font-size:.9rem;padding:12px 15px}}
/*# sourceMappingURL=main.cb871d2e.css.map*/