﻿@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");.alert-banner{position:fixed;top:70px;left:0;width:100%;z-index:1050;border-radius:0;padding:12px 24px;font-size:15px;margin-bottom:0;text-align:center}.flash-messages{position:fixed;top:70px;left:0;width:100%;z-index:1050}.flash-messages .alert{width:100%;border-radius:0 0 7px 7px;border-width:0 0 2px 0;box-shadow:0 4px 24px rgba(0,0,0,0.11)}.flash-messages .btn-close{padding:1.25rem 3rem}.custom-checkbox{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.custom-checkbox-input{width:28px;height:30px;appearance:none;border:2px solid #bbb;border-radius:4px;cursor:pointer;position:relative;background-color:#fff}.custom-checkbox-input:checked{background-color:#0066CC;border-color:#0066CC}.custom-checkbox-input:checked::after{content:"✔";font-size:16px;color:white;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.custom-checkbox-label{font-size:16px;cursor:pointer;line-height:1.5;font-family:inherit}.setting-label{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:15px;display:block}.setting-options{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.setting-options .custom-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:0;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;transition:all 0.2s ease;min-width:fit-content;white-space:nowrap}.setting-options .custom-checkbox:hover{background:#f0f8ff;border-color:#0066CC}.setting-options .custom-checkbox-input{width:18px;height:18px;margin:0;flex-shrink:0}.setting-options .custom-checkbox-label{font-size:1.6rem;font-weight:500;color:#333;margin:0;cursor:pointer;flex:1}.setting-options .custom-checkbox-input:checked+.custom-checkbox-label{color:#0066CC;font-weight:600}.setting-options .custom-checkbox:has(.custom-checkbox-input:checked){background:#e6f3ff;border-color:#0066CC;box-shadow:0 2px 4px rgba(0,102,204,0.1)}.create-success__box{height:500px;align-items:center;padding-top:200px !important}.create-success__box-title{font-size:22px;text-align:center;margin:auto;line-height:1.5}.activation__box{line-height:1.5}.transform-container{padding-left:1rem}.transform-container .headline{background:#666;color:white;padding:10px;margin:20px 0;position:relative}.transform-container .headline[data-toggle="collapse"]::after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform 0.2s, content 0.2s;cursor:pointer}.transform-container .headline[data-toggle="collapse"][aria-expanded="false"]::after{content:"▼"}.transform-container .headline[data-toggle="collapse"][aria-expanded="true"]::after{content:"▲"}.file-upload-area{border:1px dashed #ccc;padding:20px;text-align:center;margin:20px 0;background:white;transition:all 0.3s ease}.file-upload-area.drag-over{border-color:#007bff;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,123,255,0.3)}.file-label{display:inline-flex;align-items:center;gap:10px}.choose-file-btn{display:inline-block;padding:6px 12px;background:#eee;border:1px solid #ccc;border-radius:3px;cursor:pointer}.file-input{display:none}.drag-drop-text{margin-top:10px;color:#666;position:relative}span.right-align{margin-left:auto;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:3px}.file-mapping-container{display:flex;gap:20px;margin:20px 0}.import-section,.export-section{flex:1}.export-settings{margin:20px 0}.setting-group{display:flex;margin-top:15px}.setting-label{background:#666;color:white;padding:12px 15px;width:200px;display:flex;align-items:center}.setting-options{display:flex;padding:12px 20px;background:white;flex-grow:1}.radio-option{display:flex;align-items:center;width:200px}.radio-option input[type="radio"]{-webkit-appearance:none;appearance:none;width:24px;height:24px;border:2px solid #666;border-radius:50%;margin:0;margin-right:8px;position:relative;cursor:pointer;background-color:white;min-width:24px}.radio-option input[type="radio"]:checked{border-color:#666}.radio-option input[type="radio"]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-color:#666;border-radius:50%}.radio-option label{cursor:pointer;font-size:16px;user-select:none;white-space:nowrap}.button-group{display:flex;justify-content:center;gap:20px;margin-top:30px}.button-group button,.button-group input[type="submit"]{padding:15px 40px;background:white;border:1px solid #666;border-radius:5px;cursor:pointer;min-width:180px;height:50px}.button-group button:hover,.button-group input[type="submit"]:hover{background:#f5f5f5}.file-mapping-container{display:flex;gap:20px;margin:20px 0}.import-section{flex:2;border:1px solid #ddd;padding:15px;border-radius:4px;min-width:300px;background:white}.export-section{flex:3;border:1px solid #ddd;padding:15px;border-radius:4px;min-width:400px;background:white}.column-list{max-height:550px;overflow-y:auto;border:1px solid #eee}.column-item{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee;cursor:pointer;user-select:none;background:white}.column-item.selected{background-color:#e3f2fd}.column-name,.column-value{padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-name{border-right:1px solid #eee}.import-header{display:grid;grid-template-columns:1fr 1fr;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:bold}.header-cell{padding:10px 12px;border-right:1px solid #eee}.export-header{display:flex;padding:8px 12px;border-bottom:1px solid #ddd;font-weight:bold;margin-bottom:8px;background:#f8f9fa}.export-column-item{display:flex;align-items:center;padding:12px;margin:0;border-bottom:1px solid #eee;background:white;cursor:move}.order-column{width:50px;min-width:50px;display:flex;align-items:center}.name-column,.value-column{position:relative;display:flex;align-items:center;gap:8px}.name-column{flex:2;min-width:200px;padding-right:40px}.value-column{flex:2;min-width:150px;padding-right:40px}.column-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px)}.edit-icon{position:absolute;right:8px;color:#666;cursor:pointer;padding:4px;font-size:14px}.delete-icon{color:#dc3545;cursor:pointer;padding:4px 8px;font-size:16px;margin-left:10px}.actions-column{width:40px;min-width:40px;display:flex;justify-content:center;align-items:center}.export-column-item:not(:last-child){border-bottom:1px solid #eee}.export-column-item+.export-column-item{margin-top:1px}.order-handle{color:#999;cursor:move}.empty-row{height:45px;border-bottom:1px solid #eee;pointer-events:none}.transfer-buttons{display:flex;align-items:center;padding:0 10px}.transfer-btn{width:40px;height:40px;padding:0;background:#2B5AA9;color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}.transfer-btn:hover{background:#224785}.transfer-btn i{font-size:18px}.column-list::-webkit-scrollbar{width:8px}.column-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.column-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.column-list::-webkit-scrollbar-thumb:hover{background:#555}.selection-guide{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;font-size:0.9em}.selection-guide i{color:#2B5AA9}.modal-content{border-radius:8px}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-footer{border-top:1px solid #dee2e6}.btn-primary{background-color:#2B5AA9;border-color:#2B5AA9}.btn-primary:hover{background-color:#224785;border-color:#224785}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Sans JP", "Helvetica Neue", Arial, sans-serif;font-size:14px;color:#333333;background-color:#fafafa;line-height:1.5}.site-header{position:fixed;top:0;left:0;width:100%;height:56px;background-color:#ffffff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000}.site-header .logo-link{display:inline-flex;align-items:center}.site-header .logo-image{height:32px;width:auto}.header-icons{list-style:none;display:flex;align-items:center;gap:20px}.header-icons .icon-item{position:relative}.header-icons .icon-link{display:inline-block;text-decoration:none}.header-icons .icon-image{width:30px;height:30px}.bell-wrap{position:relative;display:inline-block}.bell-badge{position:absolute;top:-6px;right:-8px;display:inline-block;min-width:16px;height:16px;background-color:#d32f2f;color:#ffffff;font-size:10px;font-weight:600;line-height:16px;text-align:center;border-radius:50%}.avatar-item .avatar-image{width:32px;height:32px;border-radius:50%;object-fit:cover}.layout-with-sidebar{display:flex;flex-direction:row;min-height:calc(100vh - 56px)}.sidebar{width:200px;background-color:#ffffff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:calc(100vh - 56px);padding-top:32px;padding-left:16px;padding-right:16px}.sidebar-menu{list-style:none;display:flex;flex-direction:column;flex:1}.sidebar-menu li+li{border-top:1px solid #e0e0e0}.sidebar-menu li{margin:0}.sidebar-link{display:block;font-size:0.95rem;font-weight:500;color:#333333;text-decoration:none;padding:12px 0;letter-spacing:0.5px;transition:color 0.2s, background-color 0.2s}.sidebar-link:hover{color:#0056b3}.sidebar-link.active{background-color:#f0f0f0;color:#0056b3}.main-content{flex:1;background-color:#fafafa;padding:32px 40px;overflow-x:hidden}.intro{background-color:#ffffff;border-radius:8px;padding:48px 24px 60px;text-align:center;margin-bottom:56px;box-shadow:0 2px 6px rgba(0,0,0,0.04);transform:scale(0.9);transform-origin:top}.intro-title{font-size:3.8rem;font-weight:bold;color:black;margin-bottom:8px;position:relative;line-height:1.2}.intro-title::after{content:'';display:block;width:48px;height:3px;background-color:#0056b3;margin:8px auto 0}.intro-subtitle{font-size:2.4rem;font-weight:bold;color:black;margin-top:12px;margin-bottom:32px;line-height:1.6}.intro-image{margin:0 auto 40px;max-width:800px}.intro-image img{width:100%;height:auto;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.06)}.intro-icons{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:16px}.intro-icons .icon-box{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333333;font-size:0.95rem;transition:color 0.2s}.intro-icons .icon-box:hover{color:#0056b3}.intro-icons .icon-box img{width:50%;height:auto;margin-bottom:8px}.intro-icons .icon-box .icon-label{padding:6px 12px;border:1px solid black;border-radius:50px;font-weight:bold;font-size:medium;min-width:200px;color:black;transition:background-color 0.2s, color 0.2s}.intro-icons .icon-box .icon-label:hover{background-color:#0056b3;color:#ffffff}.services{margin-top:48px}.section-heading{font-size:1.65rem;font-weight:700;text-align:center;color:#222222;margin-bottom:32px;position:relative;line-height:1.2}.section-heading::after{content:'';display:block;width:50px;height:3px;background-color:#0056b3;margin:8px auto 0}.service-group{margin-top:48px}.service-subheading{font-size:1.7rem;font-weight:bold;color:#333333;text-align:center;margin-bottom:28px;position:relative;line-height:1.2}.service-subheading::before,.service-subheading::after{content:'';position:absolute;top:50%;width:80px;height:1px;background-color:#e0e0e0}.service-subheading::before{left:0;transform:translateX(-100%) translateY(-50%)}.service-subheading::after{right:0;transform:translateX(100%) translateY(-50%)}.service-card{display:flex;justify-content:space-between;align-items:flex-start;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.04);margin-bottom:32px;padding:24px}.service-left{flex:1;display:flex;flex-direction:column;margin-left:3rem}.service-header{display:flex;align-items:flex-start;margin-bottom:12px}.service-icon{margin-right:12px}.service-icon img{width:fit-content;max-height:60px;height:auto}.service-headings{display:flex;flex-direction:column}.service-subtitle{font-size:medium;font-weight:bold;color:#333333;margin-bottom:4px}.service-title{font-size:xx-large;font-weight:bold;color:#222222}.service-explanation{font-size:small;font-weight:bold;color:#555555;line-height:1.6;margin-bottom:24px}.service-points{text-align:left;margin-bottom:24px}.service-points img{max-width:70%;height:auto;margin-left:2rem}.service-right{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;margin-left:24px}.service-image{width:100%;margin-bottom:40px}.service-image img{width:100%;height:auto;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.06)}.service-note{font-size:0.9rem;color:#666666;margin-top:8px;line-height:1.6}.btn.service-btn{display:inline-block;font-size:1.7rem;font-weight:bold;color:black;background-color:#ffffff;border:2px solid black;padding:10px 32px;border-radius:50px;white-space:nowrap;text-decoration:none;transition:background-color 0.2s, color 0.2s}.btn.service-btn:hover{background-color:#0056b3;color:#ffffff}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 16px}@media (max-width: 1024px){.main-content{padding:24px 24px}.service-card{flex-direction:column;padding:16px}.service-right{flex:none;width:100%;margin-left:0}.service-image{margin-bottom:16px}}@media (max-width: 768px){.site-header{padding:0 16px}.sidebar{display:none}.layout-with-sidebar{display:block;padding-top:56px}.main-content{padding:16px}.intro{padding:32px 16px 40px;margin-bottom:40px}.intro-image{margin-bottom:24px}.intro-icons{gap:16px}.intro-icons .icon-box .icon-label{width:100%;text-align:center}.service-card{box-shadow:none;border:none;margin-bottom:24px}.service-left{margin-bottom:16px}.service-right{width:100%}.service-image{width:100%;margin-bottom:16px}.btn.service-btn{width:100%;text-align:center}}.lh-1{line-height:1em}.lh-1-5{line-height:1.5em}.ecc-action-btn-grey{background:#484B4E;color:#fff !important;border:none;border-radius:6px;font-size:1.4rem;font-weight:500;padding:4px 14px;height:32px;min-width:64px;cursor:pointer;box-shadow:none;transition:background 0.2s;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;line-height:1.2}.ecc-action-btn-grey:hover{background:#33383b;opacity:0.85;text-decoration:none}.disabled{background:#bcbcbc;color:#fff !important;opacity:0.7;cursor:not-allowed;pointer-events:none;text-decoration:none}.site-header{position:fixed;top:0;width:100%;height:60px;background-color:#ffffff;z-index:1000;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.site-header.is-active{background-color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.main-header__inner{display:flex;justify-content:space-between;align-items:center;width:100%}.main-header__navGlobal{display:flex}.box-notification{display:none;position:absolute;top:100%;right:20px;background:white;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1500}.box-profile{display:none;position:absolute;top:100%;right:20px;background:white;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1500;list-style:none;padding:0;margin:0}.box-profile li a{display:block;padding:10px 20px;color:#333;text-decoration:none;white-space:nowrap}.box-profile li a:hover{background-color:#f8f9fa}.sidebar-page{position:fixed;top:60px;left:0;width:260px;height:calc(100vh - 60px);background:#f6f6f7;color:#202223;border-right:1px solid #e1e3e5;padding:16px 0;z-index:20;display:flex;flex-direction:column;font-size:1.4rem;line-height:1.5;overflow-y:auto;transition:all 0.3s ease}.sidebar-page::-webkit-scrollbar{width:6px}.sidebar-page::-webkit-scrollbar-track{background:transparent}.sidebar-page::-webkit-scrollbar-thumb{background:#c4cdd5;border-radius:3px}.sidebar-page::-webkit-scrollbar-thumb:hover{background:#919eab}.btn-setting{width:100%;display:flex;align-items:center;padding:10px 16px;background:transparent;color:#202223;font-family:"Segoe UI", Arial, sans-serif;font-size:1.5rem;font-weight:600;border:none;border-radius:0;cursor:pointer;transition:background 0.2s ease, color 0.2s ease;position:relative;text-align:left}.btn-setting i{margin-right:12px;font-size:1.8rem;width:20px;text-align:center}.btn-setting *{pointer-events:none}.btn-setting:hover,.btn-setting:focus{background:#e4e5e7;outline:none}.btn-setting__active,.btn-setting.active{background:#f1f2f4;color:#202223;font-weight:700}.sidebar-page__list{flex:1 1 auto;margin:0;padding:0;list-style:none}.sidebar-page__list li{margin-bottom:4px}.sidebar-setting-btn-fixed{margin-top:auto;padding-top:16px;border-top:1px solid #e1e3e5}@media screen and (max-width: 834px){.sidebar-page{display:none}.main-page{margin-left:0;width:100%}}.area-setting{display:none;margin:0;padding:0 0 8px 0;list-style:none;background:transparent}.area-setting.is-show{display:block}.area-setting__list{margin:0;padding:0;list-style:none;background:transparent}.area-setting__list li{margin:0}.area-setting__list li a{display:flex;align-items:center;padding:8px 16px 8px 48px;color:#6d7175;font-family:"Segoe UI", Arial, sans-serif;font-size:1.4rem;font-weight:400;text-decoration:none;transition:all 0.2s ease;position:relative}.area-setting__list li a:hover{background:#e4e5e7;color:#202223}.area-setting__list li a.active,.area-setting__list li a[aria-current="page"]{background:#ffffff;color:#202223;font-weight:600}.area-setting__list li a.active::before,.area-setting__list li a[aria-current="page"]::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#174B7D}.area-setting__btn{display:none}.dropzone{border:2px dashed #ced4da;border-radius:0.5rem;background:#fafbfc;cursor:pointer;transition:background 0.2s ease, border-color 0.2s ease}.dropzone:hover{background:#f1f3f5;border-color:#0d6efd}.dropzone.drag-over{border-color:#0d6efd;background:#e7f1ff}.cart-settings{margin:0 auto;font-size:1.1rem;padding:40px 20px}.cart-settings .accordion-button{padding:1.4rem 1.6rem;font-size:1.15rem;font-weight:700;background-color:#d9eaff;border:1px solid #a3c9ff}.cart-settings .accordion-body{border:1px solid #a3c9ff;border-top:none;border-radius:0 0 8px 8px;padding:1.8rem 1.4rem}.cart-settings .input-group{display:flex;margin-bottom:1.5rem}@media (max-width: 480px){.cart-settings .input-group{flex-direction:column;margin-bottom:1.2rem}}.cart-settings .input-group-text{background-color:#007bff;color:white;width:180px;font-weight:700;font-size:1.05rem;padding:0.8rem 1rem;justify-content:center;border-radius:6px 0 0 6px}@media (max-width: 480px){.cart-settings .input-group-text{width:100%;margin-bottom:0.4rem;padding-left:1.2rem;border-radius:6px 6px 0 0;text-align:left}}.cart-settings .form-control{font-size:1rem;padding:1.7rem 1.2rem;border-radius:0 6px 6px 0;border:1px solid #ccc;flex:1}@media (max-width: 480px){.cart-settings .form-control{border-radius:0 0 6px 6px}}.cart-settings .btn-submit{width:240px;padding:0.85rem 0;font-size:1.2rem;font-weight:700;border-radius:8px;background-color:#007bff;color:white;border:none;margin:3rem auto 0;display:block;cursor:pointer}@media (max-width: 480px){.cart-settings .btn-submit{width:90%}}.cart-settings .field-error-banner{background-color:#ffcccc;color:#a94442;padding:0.6rem 1rem;border-left:4px solid #d9534f;border-radius:4px;font-weight:600;font-size:0.95rem}.cart-settings .basic-settings h2{font-size:1.3rem;font-weight:700;color:#007bff}.cart-settings .identifier-card{border:1px solid #a3c9ff;background-color:#f5faff;border-radius:8px;padding:1.6rem 1.4rem}.cart-settings .form-note{text-align:center;background-color:#eef6ff;padding:0.6rem 1rem;border-radius:4px;margin-top:0.4rem;font-size:0.9rem;line-height:1.4}.settings-page{min-height:calc(100vh - 120px);padding:40px 20px;background:linear-gradient(135deg, #f5f7fa 0%, #fafbfc 100%)}.settings-page__container{max-width:900px;margin:0 auto}.settings-page__title{font-size:3.2rem;font-weight:700;color:#174B7D;text-align:center;margin-bottom:1.5rem;position:relative}.settings-page__title::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg, #174B7D 0%, #47cd89 100%);margin:1.2rem auto 0;border-radius:2px}.settings-page__description{font-size:1.6rem;color:#666;text-align:center;line-height:1.8;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.settings-cards{display:flex;flex-direction:column;gap:2.4rem}.settings-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:2px solid #e8eef5;border-radius:16px;padding:3rem 3.2rem;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(23,75,125,0.04);position:relative;overflow:hidden}.settings-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg, #174B7D 0%, #47cd89 100%);transform:scaleY(0);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.settings-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(23,75,125,0.12);border-color:#174B7D}.settings-card:hover::before{transform:scaleY(1)}.settings-card:active{transform:translateY(-2px)}.settings-card__header{display:flex;align-items:center;gap:2.4rem;flex:1}.settings-card__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg, #f0f6ff 0%, #e8f0fe 100%);border-radius:12px;color:#174B7D;flex-shrink:0;transition:all 0.3s ease}.settings-card:hover .settings-card__icon{background:linear-gradient(135deg, #174B7D 0%, #2d64ad 100%);color:#ffffff;transform:scale(1.05)}.settings-card__content{flex:1}.settings-card__title{font-size:2.2rem;font-weight:700;color:#174B7D;margin-bottom:0.8rem;transition:color 0.3s ease}.settings-card:hover .settings-card__title{color:#0d3252}.settings-card__text{font-size:1.5rem;color:#666;line-height:1.6;margin:0}.settings-card__status{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}.settings-card__badge{display:flex;align-items:center;gap:0.8rem;padding:0.8rem 1.6rem;border-radius:24px;font-size:1.5rem;font-weight:600;transition:all 0.3s ease}.settings-card__badge--completed{background:linear-gradient(135deg, #e8f8f1 0%, #d4f4e6 100%);color:#2d7a54;border:1px solid #47cd89}.settings-card__badge--pending{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.settings-card:hover .settings-card__badge--completed{background:linear-gradient(135deg, #47cd89 0%, #2d7a54 100%);color:#ffffff;box-shadow:0 2px 8px rgba(71,205,137,0.3)}.settings-card__badge-icon{display:block;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.settings-card__badge-text{white-space:nowrap}.settings-card__arrow{color:#999;transition:all 0.3s ease;flex-shrink:0}.settings-card:hover .settings-card__arrow{color:#174B7D;transform:translateX(4px)}@media (max-width: 768px){.settings-page{padding:24px 16px}.settings-page__title{font-size:2.6rem}.settings-page__description{font-size:1.4rem;margin-bottom:3rem}.settings-cards{gap:1.6rem}.settings-card{flex-direction:column;align-items:flex-start;padding:2.4rem 2rem;gap:2rem}.settings-card__header{width:100%;gap:1.6rem}.settings-card__icon{width:56px;height:56px}.settings-card__title{font-size:1.9rem}.settings-card__text{font-size:1.4rem}.settings-card__status{width:100%;justify-content:space-between}.settings-card__badge{font-size:1.4rem;padding:0.6rem 1.2rem}}@media (max-width: 480px){.settings-card__header{flex-direction:column;align-items:flex-start}.settings-card__icon{width:48px;height:48px}}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2rem;margin-bottom:2rem}.integration-card{transition:box-shadow 0.2s ease, transform 0.2s ease;border-radius:0.9rem;padding:1.5rem 1.75rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.integration-card:hover{box-shadow:0 6px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.integration-card.enabled{border:2px solid #0d6efd}.integration-card.inactive{border:2px dashed #ced4da;background:#f8f9fa}.integration-card.inactive .title,.integration-card.inactive .status-label{color:#6c757d}.integration-card .title{font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:0.5rem}.integration-card .title i{font-size:1.25rem}.integration-card .form-switch{margin-top:1rem}.admin-companies-page{padding:2rem 0}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:2rem;margin-top:2rem}@media (max-width: 768px){.companies-grid{grid-template-columns:1fr;gap:1.5rem}}.company-card{background:#ffffff;border:2px solid #e8eef5;border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(23,75,125,0.04);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem}.company-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg, #174B7D 0%, #47cd89 100%);transform:scaleY(0);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.company-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(23,75,125,0.12);border-color:#174B7D}.company-card:hover::before{transform:scaleY(1)}.company-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e8eef5}.company-card__title{font-size:1.8rem;font-weight:700;color:#174B7D;margin:0;flex:1;transition:color 0.3s ease}.company-card:hover .company-card__title{color:#0d3252}.company-card__title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.company-card__title a:hover{color:#47cd89;text-decoration:underline}.company-card__badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg, #e8f8f1 0%, #d4f4e6 100%);color:#2d7a54;border:1px solid #47cd89;white-space:nowrap}.company-card__content{display:flex;flex-direction:column;gap:1rem}.company-card__info-row{display:flex;align-items:flex-start;gap:0.8rem;font-size:1.4rem;line-height:1.6}.company-card__info-icon{color:#174B7D;flex-shrink:0;margin-top:0.2rem}.company-card__info-label{font-weight:600;color:#666;min-width:80px}.company-card__info-value{color:#333;flex:1;word-break:break-word}.company-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #e8eef5;margin-top:auto}.company-card__timestamps{display:flex;flex-direction:column;gap:0.3rem;font-size:1.2rem;color:#999}.company-card__actions{display:flex;gap:1rem}.company-card__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.7rem 1.5rem;border-radius:8px;font-size:1.3rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer}.company-card__btn--primary{background:linear-gradient(135deg, #0d6efd 0%, #3d8bfd 100%);color:#fff;box-shadow:0 2px 6px rgba(13,110,253,0.25)}.company-card__btn--primary:hover{background:linear-gradient(135deg, #0b5ed7 0%, #2b7bff 100%);transform:translateY(-1px);color:#fff;text-decoration:none}.company-card__btn--disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;box-shadow:none}.company-card__btn--disabled:hover{transform:none}.companies-list{display:flex;flex-direction:column;gap:0;margin-top:20px}.company-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#ffffff;border-bottom:1px solid #e5e7eb;transition:background-color 0.2s ease}.company-list-item:hover{background-color:#f9fafb}.company-list-item:first-child{border-top:1px solid #e5e7eb}.company-list-item__content{display:grid;grid-template-columns:30em 10em max-content max-content;column-gap:24px;align-items:center;flex:1}.company-list-item__name{font-weight:600;overflow:hidden}.company-name-link{color:#2563eb;text-decoration:none;font-size:15px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-name-link:hover{color:#1d4ed8;text-decoration:underline}.company-list-item__info{display:flex;align-items:center;gap:8px;overflow:hidden}.info-label{color:#6b7280;font-size:14px;font-weight:500;display:inline-block;width:5em;flex-shrink:0}.info-value{color:#111827;font-size:14px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-list-item__actions{display:flex;align-items:center;margin-left:auto}.company-list-item__actions .btn{white-space:nowrap}@media (max-width: 1024px){.company-list-item__content{grid-template-columns:28em 9em max-content max-content;column-gap:16px}}@media (max-width: 768px){.company-list-item{flex-direction:column;align-items:flex-start;gap:12px}.company-list-item__content{width:100%;grid-template-columns:1fr;row-gap:8px}.company-list-item__actions{width:100%;margin-left:0}.company-list-item__actions .btn{width:100%}}@media screen and (min-width: 835px){.mbpc-0{margin-bottom:0px !important}}@media screen and (max-width: 834px){.mbsp-0{margin-bottom:0px !important}}@media screen and (min-width: 835px){.mbpc-1{margin-bottom:1px !important}}@media screen and (max-width: 834px){.mbsp-1{margin-bottom:1px !important}}@media screen and (min-width: 835px){.mbpc-2{margin-bottom:2px !important}}@media screen and (max-width: 834px){.mbsp-2{margin-bottom:2px !important}}@media screen and (min-width: 835px){.mbpc-3{margin-bottom:3px !important}}@media screen and (max-width: 834px){.mbsp-3{margin-bottom:3px !important}}@media screen and (min-width: 835px){.mbpc-4{margin-bottom:4px !important}}@media screen and (max-width: 834px){.mbsp-4{margin-bottom:4px !important}}@media screen and (min-width: 835px){.mbpc-5{margin-bottom:5px !important}}@media screen and (max-width: 834px){.mbsp-5{margin-bottom:5px !important}}@media screen and (min-width: 835px){.mbpc-6{margin-bottom:6px !important}}@media screen and (max-width: 834px){.mbsp-6{margin-bottom:6px !important}}@media screen and (min-width: 835px){.mbpc-7{margin-bottom:7px !important}}@media screen and (max-width: 834px){.mbsp-7{margin-bottom:7px !important}}@media screen and (min-width: 835px){.mbpc-8{margin-bottom:8px !important}}@media screen and (max-width: 834px){.mbsp-8{margin-bottom:8px !important}}@media screen and (min-width: 835px){.mbpc-9{margin-bottom:9px !important}}@media screen and (max-width: 834px){.mbsp-9{margin-bottom:9px !important}}@media screen and (min-width: 835px){.mbpc-10{margin-bottom:10px !important}}@media screen and (max-width: 834px){.mbsp-10{margin-bottom:10px !important}}@media screen and (min-width: 835px){.mbpc-11{margin-bottom:11px !important}}@media screen and (max-width: 834px){.mbsp-11{margin-bottom:11px !important}}@media screen and (min-width: 835px){.mbpc-12{margin-bottom:12px !important}}@media screen and (max-width: 834px){.mbsp-12{margin-bottom:12px !important}}@media screen and (min-width: 835px){.mbpc-13{margin-bottom:13px !important}}@media screen and (max-width: 834px){.mbsp-13{margin-bottom:13px !important}}@media screen and (min-width: 835px){.mbpc-14{margin-bottom:14px !important}}@media screen and (max-width: 834px){.mbsp-14{margin-bottom:14px !important}}@media screen and (min-width: 835px){.mbpc-15{margin-bottom:15px !important}}@media screen and (max-width: 834px){.mbsp-15{margin-bottom:15px !important}}@media screen and (min-width: 835px){.mbpc-16{margin-bottom:16px !important}}@media screen and (max-width: 834px){.mbsp-16{margin-bottom:16px !important}}@media screen and (min-width: 835px){.mbpc-17{margin-bottom:17px !important}}@media screen and (max-width: 834px){.mbsp-17{margin-bottom:17px !important}}@media screen and (min-width: 835px){.mbpc-18{margin-bottom:18px !important}}@media screen and (max-width: 834px){.mbsp-18{margin-bottom:18px !important}}@media screen and (min-width: 835px){.mbpc-19{margin-bottom:19px !important}}@media screen and (max-width: 834px){.mbsp-19{margin-bottom:19px !important}}@media screen and (min-width: 835px){.mbpc-20{margin-bottom:20px !important}}@media screen and (max-width: 834px){.mbsp-20{margin-bottom:20px !important}}@media screen and (min-width: 835px){.mbpc-21{margin-bottom:21px !important}}@media screen and (max-width: 834px){.mbsp-21{margin-bottom:21px !important}}@media screen and (min-width: 835px){.mbpc-22{margin-bottom:22px !important}}@media screen and (max-width: 834px){.mbsp-22{margin-bottom:22px !important}}@media screen and (min-width: 835px){.mbpc-23{margin-bottom:23px !important}}@media screen and (max-width: 834px){.mbsp-23{margin-bottom:23px !important}}@media screen and (min-width: 835px){.mbpc-24{margin-bottom:24px !important}}@media screen and (max-width: 834px){.mbsp-24{margin-bottom:24px !important}}@media screen and (min-width: 835px){.mbpc-25{margin-bottom:25px !important}}@media screen and (max-width: 834px){.mbsp-25{margin-bottom:25px !important}}@media screen and (min-width: 835px){.mbpc-26{margin-bottom:26px !important}}@media screen and (max-width: 834px){.mbsp-26{margin-bottom:26px !important}}@media screen and (min-width: 835px){.mbpc-27{margin-bottom:27px !important}}@media screen and (max-width: 834px){.mbsp-27{margin-bottom:27px !important}}@media screen and (min-width: 835px){.mbpc-28{margin-bottom:28px !important}}@media screen and (max-width: 834px){.mbsp-28{margin-bottom:28px !important}}@media screen and (min-width: 835px){.mbpc-29{margin-bottom:29px !important}}@media screen and (max-width: 834px){.mbsp-29{margin-bottom:29px !important}}@media screen and (min-width: 835px){.mbpc-30{margin-bottom:30px !important}}@media screen and (max-width: 834px){.mbsp-30{margin-bottom:30px !important}}@media screen and (min-width: 835px){.mbpc-31{margin-bottom:31px !important}}@media screen and (max-width: 834px){.mbsp-31{margin-bottom:31px !important}}@media screen and (min-width: 835px){.mbpc-32{margin-bottom:32px !important}}@media screen and (max-width: 834px){.mbsp-32{margin-bottom:32px !important}}@media screen and (min-width: 835px){.mbpc-33{margin-bottom:33px !important}}@media screen and (max-width: 834px){.mbsp-33{margin-bottom:33px !important}}@media screen and (min-width: 835px){.mbpc-34{margin-bottom:34px !important}}@media screen and (max-width: 834px){.mbsp-34{margin-bottom:34px !important}}@media screen and (min-width: 835px){.mbpc-35{margin-bottom:35px !important}}@media screen and (max-width: 834px){.mbsp-35{margin-bottom:35px !important}}@media screen and (min-width: 835px){.mbpc-36{margin-bottom:36px !important}}@media screen and (max-width: 834px){.mbsp-36{margin-bottom:36px !important}}@media screen and (min-width: 835px){.mbpc-37{margin-bottom:37px !important}}@media screen and (max-width: 834px){.mbsp-37{margin-bottom:37px !important}}@media screen and (min-width: 835px){.mbpc-38{margin-bottom:38px !important}}@media screen and (max-width: 834px){.mbsp-38{margin-bottom:38px !important}}@media screen and (min-width: 835px){.mbpc-39{margin-bottom:39px !important}}@media screen and (max-width: 834px){.mbsp-39{margin-bottom:39px !important}}@media screen and (min-width: 835px){.mbpc-40{margin-bottom:40px !important}}@media screen and (max-width: 834px){.mbsp-40{margin-bottom:40px !important}}@media screen and (min-width: 835px){.mbpc-41{margin-bottom:41px !important}}@media screen and (max-width: 834px){.mbsp-41{margin-bottom:41px !important}}@media screen and (min-width: 835px){.mbpc-42{margin-bottom:42px !important}}@media screen and (max-width: 834px){.mbsp-42{margin-bottom:42px !important}}@media screen and (min-width: 835px){.mbpc-43{margin-bottom:43px !important}}@media screen and (max-width: 834px){.mbsp-43{margin-bottom:43px !important}}@media screen and (min-width: 835px){.mbpc-44{margin-bottom:44px !important}}@media screen and (max-width: 834px){.mbsp-44{margin-bottom:44px !important}}@media screen and (min-width: 835px){.mbpc-45{margin-bottom:45px !important}}@media screen and (max-width: 834px){.mbsp-45{margin-bottom:45px !important}}@media screen and (min-width: 835px){.mbpc-46{margin-bottom:46px !important}}@media screen and (max-width: 834px){.mbsp-46{margin-bottom:46px !important}}@media screen and (min-width: 835px){.mbpc-47{margin-bottom:47px !important}}@media screen and (max-width: 834px){.mbsp-47{margin-bottom:47px !important}}@media screen and (min-width: 835px){.mbpc-48{margin-bottom:48px !important}}@media screen and (max-width: 834px){.mbsp-48{margin-bottom:48px !important}}@media screen and (min-width: 835px){.mbpc-49{margin-bottom:49px !important}}@media screen and (max-width: 834px){.mbsp-49{margin-bottom:49px !important}}@media screen and (min-width: 835px){.mbpc-50{margin-bottom:50px !important}}@media screen and (max-width: 834px){.mbsp-50{margin-bottom:50px !important}}@media screen and (min-width: 835px){.mbpc-51{margin-bottom:51px !important}}@media screen and (max-width: 834px){.mbsp-51{margin-bottom:51px !important}}@media screen and (min-width: 835px){.mbpc-52{margin-bottom:52px !important}}@media screen and (max-width: 834px){.mbsp-52{margin-bottom:52px !important}}@media screen and (min-width: 835px){.mbpc-53{margin-bottom:53px !important}}@media screen and (max-width: 834px){.mbsp-53{margin-bottom:53px !important}}@media screen and (min-width: 835px){.mbpc-54{margin-bottom:54px !important}}@media screen and (max-width: 834px){.mbsp-54{margin-bottom:54px !important}}@media screen and (min-width: 835px){.mbpc-55{margin-bottom:55px !important}}@media screen and (max-width: 834px){.mbsp-55{margin-bottom:55px !important}}@media screen and (min-width: 835px){.mbpc-56{margin-bottom:56px !important}}@media screen and (max-width: 834px){.mbsp-56{margin-bottom:56px !important}}@media screen and (min-width: 835px){.mbpc-57{margin-bottom:57px !important}}@media screen and (max-width: 834px){.mbsp-57{margin-bottom:57px !important}}@media screen and (min-width: 835px){.mbpc-58{margin-bottom:58px !important}}@media screen and (max-width: 834px){.mbsp-58{margin-bottom:58px !important}}.enhanced-folder-select{font-size:16px !important;padding:12px 16px !important;min-height:50px !important;border:2px solid #dee2e6 !important;border-radius:8px !important;background-color:#fff !important;transition:all 0.2s ease !important;font-weight:500 !important}.enhanced-folder-select:focus{border-color:#0d6efd !important;box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25) !important;transform:translateY(-1px) !important}.enhanced-folder-select:hover{border-color:#0d6efd !important;background-color:#f8f9fa !important}.enhanced-folder-select option{padding:10px !important;font-size:15px !important;line-height:1.4 !important;background-color:#fff !important;color:#333 !important}.enhanced-folder-select option:hover{background-color:#e3f2fd !important}@media screen and (max-width: 768px){.enhanced-folder-select{font-size:14px !important;padding:10px 12px !important;min-height:45px !important}.enhanced-folder-select option{font-size:14px !important}}@media screen and (min-width: 835px){.mbpc-59{margin-bottom:59px !important}}@media screen and (max-width: 834px){.mbsp-59{margin-bottom:59px !important}}@media screen and (min-width: 835px){.mbpc-60{margin-bottom:60px !important}}@media screen and (max-width: 834px){.mbsp-60{margin-bottom:60px !important}}@media screen and (min-width: 835px){.mbpc-61{margin-bottom:61px !important}}@media screen and (max-width: 834px){.mbsp-61{margin-bottom:61px !important}}@media screen and (min-width: 835px){.mbpc-62{margin-bottom:62px !important}}@media screen and (max-width: 834px){.mbsp-62{margin-bottom:62px !important}}@media screen and (min-width: 835px){.mbpc-63{margin-bottom:63px !important}}@media screen and (max-width: 834px){.mbsp-63{margin-bottom:63px !important}}@media screen and (min-width: 835px){.mbpc-64{margin-bottom:64px !important}}@media screen and (max-width: 834px){.mbsp-64{margin-bottom:64px !important}}@media screen and (min-width: 835px){.mbpc-65{margin-bottom:65px !important}}@media screen and (max-width: 834px){.mbsp-65{margin-bottom:65px !important}}@media screen and (min-width: 835px){.mbpc-66{margin-bottom:66px !important}}@media screen and (max-width: 834px){.mbsp-66{margin-bottom:66px !important}}@media screen and (min-width: 835px){.mbpc-67{margin-bottom:67px !important}}@media screen and (max-width: 834px){.mbsp-67{margin-bottom:67px !important}}@media screen and (min-width: 835px){.mbpc-68{margin-bottom:68px !important}}@media screen and (max-width: 834px){.mbsp-68{margin-bottom:68px !important}}@media screen and (min-width: 835px){.mbpc-69{margin-bottom:69px !important}}@media screen and (max-width: 834px){.mbsp-69{margin-bottom:69px !important}}@media screen and (min-width: 835px){.mbpc-70{margin-bottom:70px !important}}@media screen and (max-width: 834px){.mbsp-70{margin-bottom:70px !important}}@media screen and (min-width: 835px){.mbpc-71{margin-bottom:71px !important}}@media screen and (max-width: 834px){.mbsp-71{margin-bottom:71px !important}}@media screen and (min-width: 835px){.mbpc-72{margin-bottom:72px !important}}@media screen and (max-width: 834px){.mbsp-72{margin-bottom:72px !important}}@media screen and (min-width: 835px){.mbpc-73{margin-bottom:73px !important}}@media screen and (max-width: 834px){.mbsp-73{margin-bottom:73px !important}}@media screen and (min-width: 835px){.mbpc-74{margin-bottom:74px !important}}@media screen and (max-width: 834px){.mbsp-74{margin-bottom:74px !important}}@media screen and (min-width: 835px){.mbpc-75{margin-bottom:75px !important}}@media screen and (max-width: 834px){.mbsp-75{margin-bottom:75px !important}}@media screen and (min-width: 835px){.mbpc-76{margin-bottom:76px !important}}@media screen and (max-width: 834px){.mbsp-76{margin-bottom:76px !important}}@media screen and (min-width: 835px){.mbpc-77{margin-bottom:77px !important}}@media screen and (max-width: 834px){.mbsp-77{margin-bottom:77px !important}}@media screen and (min-width: 835px){.mbpc-78{margin-bottom:78px !important}}@media screen and (max-width: 834px){.mbsp-78{margin-bottom:78px !important}}@media screen and (min-width: 835px){.mbpc-79{margin-bottom:79px !important}}@media screen and (max-width: 834px){.mbsp-79{margin-bottom:79px !important}}@media screen and (min-width: 835px){.mbpc-80{margin-bottom:80px !important}}@media screen and (max-width: 834px){.mbsp-80{margin-bottom:80px !important}}@media screen and (min-width: 835px){.mbpc-81{margin-bottom:81px !important}}@media screen and (max-width: 834px){.mbsp-81{margin-bottom:81px !important}}@media screen and (min-width: 835px){.mbpc-82{margin-bottom:82px !important}}@media screen and (max-width: 834px){.mbsp-82{margin-bottom:82px !important}}@media screen and (min-width: 835px){.mbpc-83{margin-bottom:83px !important}}@media screen and (max-width: 834px){.mbsp-83{margin-bottom:83px !important}}@media screen and (min-width: 835px){.mbpc-84{margin-bottom:84px !important}}@media screen and (max-width: 834px){.mbsp-84{margin-bottom:84px !important}}@media screen and (min-width: 835px){.mbpc-85{margin-bottom:85px !important}}@media screen and (max-width: 834px){.mbsp-85{margin-bottom:85px !important}}@media screen and (min-width: 835px){.mbpc-86{margin-bottom:86px !important}}@media screen and (max-width: 834px){.mbsp-86{margin-bottom:86px !important}}@media screen and (min-width: 835px){.mbpc-87{margin-bottom:87px !important}}@media screen and (max-width: 834px){.mbsp-87{margin-bottom:87px !important}}@media screen and (min-width: 835px){.mbpc-88{margin-bottom:88px !important}}@media screen and (max-width: 834px){.mbsp-88{margin-bottom:88px !important}}@media screen and (min-width: 835px){.mbpc-89{margin-bottom:89px !important}}@media screen and (max-width: 834px){.mbsp-89{margin-bottom:89px !important}}@media screen and (min-width: 835px){.mbpc-90{margin-bottom:90px !important}}@media screen and (max-width: 834px){.mbsp-90{margin-bottom:90px !important}}@media screen and (min-width: 835px){.mbpc-91{margin-bottom:91px !important}}@media screen and (max-width: 834px){.mbsp-91{margin-bottom:91px !important}}@media screen and (min-width: 835px){.mbpc-92{margin-bottom:92px !important}}@media screen and (max-width: 834px){.mbsp-92{margin-bottom:92px !important}}@media screen and (min-width: 835px){.mbpc-93{margin-bottom:93px !important}}@media screen and (max-width: 834px){.mbsp-93{margin-bottom:93px !important}}@media screen and (min-width: 835px){.mbpc-94{margin-bottom:94px !important}}@media screen and (max-width: 834px){.mbsp-94{margin-bottom:94px !important}}@media screen and (min-width: 835px){.mbpc-95{margin-bottom:95px !important}}@media screen and (max-width: 834px){.mbsp-95{margin-bottom:95px !important}}@media screen and (min-width: 835px){.mbpc-96{margin-bottom:96px !important}}@media screen and (max-width: 834px){.mbsp-96{margin-bottom:96px !important}}@media screen and (min-width: 835px){.mbpc-97{margin-bottom:97px !important}}@media screen and (max-width: 834px){.mbsp-97{margin-bottom:97px !important}}@media screen and (min-width: 835px){.mbpc-98{margin-bottom:98px !important}}@media screen and (max-width: 834px){.mbsp-98{margin-bottom:98px !important}}@media screen and (min-width: 835px){.mbpc-99{margin-bottom:99px !important}}@media screen and (max-width: 834px){.mbsp-99{margin-bottom:99px !important}}@media screen and (min-width: 835px){.mbpc-100{margin-bottom:100px !important}}@media screen and (max-width: 834px){.mbsp-100{margin-bottom:100px !important}}html{font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}img{vertical-align:middle;max-width:100%}address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,button{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea,select{font-size:100%}legend{color:#000}del,ins{text-decoration:none}main{display:block}body{padding-top:60px}section{position:relative}html{font-size:62.5%}body{color:#000;font-family:"Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;font-weight:400;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;background:#fff}a{display:inline-block;color:inherit;text-decoration:none;outline:none}table{border-collapse:collapse;border-spacing:0}.wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;min-width:1200px}.main-page{margin-left:260px;width:calc(100% - 260px);transition:margin-left 0.3s, width 0.3s}.main-page--login{margin-left:auto;margin-right:auto;margin-top:100px}.inner{width:90%;margin:0 auto;max-width:1155px;background:#F5F5F5;padding:42px 15px}.inner--lg{max-width:1265px}.breadcrumb{font-family:"Segoe UI", Arial, sans-serif;font-size:1.8rem;margin-bottom:2em;background-color:white;padding-left:20px;padding-top:20px}.breadcrumb a{text-decoration:underline;position:relative;margin-right:2em}.breadcrumb a:after{content:">";position:absolute;top:0;right:-1.5em}.form-input{width:100%;height:40px;border:1px solid #707070;border-radius:5px;padding:0 15px;outline:0}.pure-input input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pure-input input[type=radio]:checked+label:before{-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in}.pure-input input[type=radio]:checked+label:after{-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1}.pure-input label{font-weight:500;position:relative;padding:0 0 0 2em;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}@media (any-hover: hover){.pure-input label{-webkit-transition:all 0.2s;transition:all 0.2s}.pure-input label:hover{opacity:0.7}}.pure-input label:before{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:1.25em;height:1.25em;border:1px solid #707070;text-align:center;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;background:#FAFAFA;border-radius:50%}.pure-input label:after{content:"";display:inline-block;position:absolute;width:0.84em;height:0.84em;border-radius:50%;background:#707070;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25em;opacity:0}.c-fw--lt{font-weight:300 !important}.c-fw--rg{font-weight:400 !important}.c-fw--md{font-weight:500 !important}.c-fw--sbd{font-weight:600 !important}.c-fw--bd{font-weight:700 !important}.c-fw--bk{font-weight:900 !important}.c-tx--v{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@media screen and (min-width: 835px){.c-tx--v-pc{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}}.c-al--c{text-align:center !important}.c-al--r{text-align:right !important}.c-al--l{text-align:left !important}.c-val--md{vertical-align:middle}.c-val--top{vertical-align:top}.c-txt__01{font-size:14px;font-size:1.4rem;line-height:2.0714285714}@media screen and (max-width: 640px){.c-txt__01{line-height:1.8}}.c-ttl__01{font-size:2.4rem;font-weight:700;text-align:center;color:#707070;margin-bottom:1.8em}.c-ttl__02{font-size:2.4rem;line-height:1.5;font-weight:700;color:#174B7D;position:relative;padding-top:0.8em;margin-bottom:1.2em;text-align:center}.c-ttl__02:before{content:"";display:inline-block;position:absolute;width:3.33em;height:3px;background:#174B7D;top:0;left:calc(50% - 45px)}.c-btn__01{max-width:400px;width:40%;margin:0 auto;height:3em;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;border-radius:10px;background:#484B4E;color:#fff;font-weight:700;font-size:2.2rem;margin:0 auto;outline:0;border:none;cursor:pointer}@media (any-hover: hover){.c-btn__01{-webkit-transition:all 0.2s;transition:all 0.2s}.c-btn__01:hover{opacity:0.7}}.c-btn__01--blue-dark{background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);box-shadow:0 4px 12px rgba(23,75,125,0.25);transition:all 0.3s ease}.c-btn__01--blue-dark:hover{background:linear-gradient(135deg, #0d2e4e 0%, #174B7D 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(23,75,125,0.35);opacity:1}.c-btn__01--blue-dark:active{transform:translateY(0);box-shadow:0 2px 8px rgba(23,75,125,0.2)}.c-btn__02{background:#174B7D;color:#fff;font-size:1.5rem;padding:10px 18px;border:none;border-radius:6px;font-weight:500;cursor:pointer;text-align:center;float:right;margin-bottom:10px;margin-top:0;text-decoration:none;text-underline-offset:0}.c-btn__02:hover{background:#0d2e4e;color:#fff;opacity:0.85;text-decoration:none}.c-btn__03{background:white;color:black;font-size:1.5rem;padding:10px 18px;border-radius:5px;border:1px solid black;font-weight:500;cursor:pointer;text-align:center;margin-bottom:10px;margin-top:0;text-decoration:none;text-underline-offset:0}.c-btn__03:hover{background:#F5F5F5;opacity:0.85;text-decoration:none}.c-btn__03.active{background:#85e98d}@media screen and (max-width: 834px){.pc{display:none}}@media screen and (min-width: 835px){.sp{display:none}}@media screen and (max-width: 640px){.pc-sm{display:none}}@media screen and (min-width: 641px){.sp-sm{display:none}}.u-fn-hover{display:inline-block}@media (any-hover: hover){.u-fn-hover{-webkit-transition:all 0.2s;transition:all 0.2s}.u-fn-hover:hover{opacity:0.7}}.u-pull--left{margin-left:calc((100vw - 100%) / 2 * -1)}.u-pull--right{margin-right:calc((100vw - 100%) / 2 * -1)}.u-img-of{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;font-family:"object-fit: cover; object-position: center", sans-serif}.c-scroll-box{padding-bottom:20px;overflow-x:scroll;overflow-y:hidden}.c-scroll-box-y{padding-bottom:20px;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width: 834px){.c-scroll-box-sp{padding-bottom:20px;overflow-x:scroll;overflow-y:hidden}}.js-u__scrollin{opacity:0;-webkit-transform:translate(0, 70px);-ms-transform:translate(0, 70px);transform:translate(0, 70px)}.js-u__scrollin.is-visible{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.main-header{padding:10px 20px;position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #707070;z-index:10}.main-header__inner{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.main-header__logo{width:70px}.main-header__navGlobal{width:150px}.main-header__menu{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center;gap:0 10px}.main-header__menu a{position:relative}@media (any-hover: hover){.main-header__menu a{-webkit-transition:all 0.2s;transition:all 0.2s}.main-header__menu a:hover{opacity:0.7}}.main-header__menu .qty{width:24px;height:24px;border-radius:50%;background:#E21C1C;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#fff;font-family:"Segoe UI", Arial, sans-serif;font-size:1.4rem;line-height:1;position:absolute;top:-5px;right:-5px}.main-header__menu-item{width:calc(33.33% - 13.333px)}.box-profile{position:absolute;top:65px;right:5px;min-width:270px;max-width:320px;border:none;background:#fff;padding:20px 12px;border-radius:18px;box-shadow:0 8px 32px rgba(16,31,64,0.16),0 2px 8px rgba(100,100,100,0.11);display:none;z-index:100;font-family:'Segoe UI', 'Noto Serif JP', Arial, sans-serif}.box-profile__menu a{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 10px;font-size:1.7rem;color:#2c3550;border-radius:8px;font-weight:500;text-decoration:none;letter-spacing:0.01em;transition:background 0.22s cubic-bezier(0.3, 0.9, 0.35, 1.15),color 0.18s,box-shadow 0.18s,transform 0.15s;box-shadow:none;position:relative}.box-profile__menu a i{font-size:1.35em;color:#5773c4;min-width:22px;text-align:center;transition:color 0.18s}.box-profile__menu a:hover,.box-profile__menu a:focus{background:linear-gradient(90deg, #e7edfa 70%, #e1eafb 100%);color:#174B7D;transform:translateY(-2px) scale(1.035);box-shadow:0 3px 14px rgba(30,80,190,0.07);outline:none;border:1.5px solid #d5e1fa}.box-profile__menu a:hover i,.box-profile__menu a:focus i{color:#3861e8}.box-profile__menu a:active{background:#dae3f2;transform:scale(0.98)}.profile-avatar-initial{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#e2d6dc;color:#444;border-radius:50%;font-size:2.2rem;font-weight:700;font-family:'Noto Serif JP', 'Segoe UI', Arial, sans-serif;letter-spacing:0.05em;user-select:none;box-shadow:0 1px 4px rgba(60,40,50,0.06);transition:box-shadow 0.15s}.main-header__menu-item .main-header__link:hover{background:#e1eafb;color:#174B7D;text-decoration:none;box-shadow:0 4px 18px rgba(30,80,190,0.13);transition:all 0.17s cubic-bezier(0.42, 0.13, 0.33, 0.95);cursor:pointer;transform:scale(1.08)}@media screen and (max-width: 600px){.profile-avatar-initial{width:40px;height:40px;font-size:1.7rem}}.box-profile.is-open{display:block}@media screen and (max-width: 600px){.box-profile{right:2vw;min-width:unset;max-width:96vw;padding:14px 8px 10px 8px}.box-profile__menu a{font-size:1.08rem}}.box-notification{position:absolute;top:65px;right:70px;border:1px solid #707070;background:#fff;padding:30px;width:620px;height:calc(96vh - 72px);display:none;border-radius:5px}.box-notification.is-open{display:block}.box-notification__ttl{display:block;font-size:2.4rem;font-weight:700;text-align:center;color:#707070;padding-bottom:1em;border-bottom:1px solid #707070}.box-notification__list{height:calc(100% - 48px);overflow-y:auto}.box-notification__list li{padding:1em 0;font-size:18px;font-size:1.8rem;line-height:1.6666666667;border-bottom:1px solid #707070}.top-notice{padding-bottom:67px}.top-notice__inner{max-width:1287px;margin:0 auto}.top-notice__ttl{text-align:center;font-size:2.4rem;line-height:1.65;font-weight:700;margin-bottom:2em}.top-notice__list{margin-bottom:35px}.top-notice__list-item{border-top:1px dashed #707070;font-size:18px;font-size:1.8rem;line-height:1.5555555556;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px 0}.top-notice__list-date{font-weight:700;width:140px}.top-notice__list-link{width:calc(100% - 140px);text-decoration:underline}@media (any-hover: hover){.top-notice__list-link{-webkit-transition:all 0.2s;transition:all 0.2s}.top-notice__list-link:hover{opacity:0.7}}.top-notice__btn{max-width:6.5em;font-size:1.8rem;font-weight:700;margin-left:auto;margin-right:0;color:#174B7D;display:block;position:relative}@media (any-hover: hover){.top-notice__btn{-webkit-transition:all 0.2s;transition:all 0.2s}.top-notice__btn:hover{opacity:0.7}}.top-notice__btn:after{content:"";display:inline-block;position:absolute;width:1em;height:1em;background:url(/../img/common/arr-right.png) no-repeat center/100%;top:0;right:0}.top-notice__intro{font-size:18px;font-size:1.8rem;line-height:1.7777777778;margin-bottom:40px}.top-notice__service{background:#F5F5F5;padding:60px}.top-service{padding-bottom:50px}.top-service__inner{max-width:1287px;margin:0 auto}.top-service__intro{font-size:18px;font-size:1.8rem;line-height:1.7777777778;margin-bottom:1.25em}.top-service__list{background:#F5F5F5;padding:30px}.top-service__list-dl{margin-bottom:50px}.top-service__list-dl:last-of-type{margin-bottom:0}.top-service__list-dt{font-size:2.6rem;font-weight:700;background:#174B7D;color:#fff;padding:0.5em 0.8em;margin-bottom:0.6em}.top-service__list-dt span{font-size:70%;margin-left:10px}.top-service__list-dd{font-size:1.8rem;line-height:1.65}.company-setting__ttlsub{margin-bottom:28px}.company-setting__list{max-width:942px;margin:0 auto 57px}.company-setting__list--second{margin-bottom:48px}.company-setting__list-dl{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.8rem;border-bottom:1px solid #fff;border-right:1px solid #fff}.company-setting__list-dl:first-child{border-top:1px solid #fff}.company-setting__list-dl dt{font-weight:normal}.company-setting__list-dt{width:300px;color:#fff;background:#174B7D;padding:1.24em 1em;position:relative}.company-setting__list-dd{font-family:"Segoe UI", Arial, sans-serif;width:calc(100% - 300px);padding:1.24em 2em}@media (any-hover: hover){.company-setting__list-dd a{-webkit-transition:all 0.2s;transition:all 0.2s}.company-setting__list-dd a:hover{opacity:0.7}}.form-setting__ttlsub{margin-bottom:28px}.form-setting__list{max-width:942px;margin:0 auto 67px}.form-setting__list--second{margin-bottom:48px}.form-setting__list-dl{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.8rem;border-bottom:1px solid #fff}.form-setting__list-dt{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center;width:300px;color:#fff;background:#174B7D;padding:1.24em 1em;position:relative;font-weight:normal}.form-setting__list-dt .required,.company-setting__list-dt .required{width:3.4em;height:1.8em;background:#C60F0F;border-radius:5px;position:absolute;top:calc(50% - 15px);right:20px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:80%;font-weight:bold}.required-label{width:3.4em;height:1.8em;background:#C60F0F;border-radius:5px;margin-right:140px;margin-left:auto;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:80%;font-weight:bold;color:white}.form-setting__list-dd{font-family:"Segoe UI", Arial, sans-serif;width:calc(100% - 300px);padding:1.24em 2em}@media (any-hover: hover){.form-setting__list-dd a{-webkit-transition:all 0.2s;transition:all 0.2s}.form-setting__list-dd a:hover{opacity:0.7}}.form-setting__list-dd .pref{width:161px;height:40px;border:1px solid #707070;border-radius:5px;background:#fff url(/../img/common/ico-arrdown.png) no-repeat center right 5px/15px 13px;padding:0 15px}.form-setting__list-dd--has-note{padding-top:20px;padding-bottom:10px}.form-setting__list-add{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-setting__list-add .form-control{width:121px}.form-setting__list-add .form-control:nth-child(3){width:140px}.form-setting__list-add span{margin:0 6px}.form-setting__list-add .btn-zip{width:6em;height:40px;cursor:pointer;border:none;outline:0;font-family:"Segoe UI", Arial, sans-serif;font-size:1.8rem;color:#fff;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;background:#707070;border-radius:5px;margin-left:1em;font-weight:normal}@media (any-hover: hover){.form-setting__list-add .btn-zip{-webkit-transition:all 0.2s;transition:all 0.2s}.form-setting__list-add .btn-zip:hover{opacity:0.7}}.form-setting__list-note{display:block;margin-top:0.5em;font-size:80%}.form-setting__input-group{position:relative}.form-setting__input-group label{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.service-setting .inner{padding-top:10px;padding-left:55px;padding-right:66px;margin-bottom:25px}.service-setting__ttl{margin-bottom:28px}.service-setting__billing-info{font-size:1.8rem;margin-bottom:20px;padding-left:60px;padding-right:0}.service-setting__billing-info-note{margin-top:-47px}.service-setting__box{font-size:20px;font-size:2rem;line-height:1.5;margin-bottom:3.65em}.service-setting__box:last-of-type{margin-bottom:0}.service-setting__box-heading{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px}.service-setting__box-left{width:38.34%}.service-setting__box-left p{border:1px solid #707070;background:#fff;text-align:center;padding:2em 0;margin-bottom:1em}.service-setting__box-list span{font-size:110%}.service-setting__box-desc{width:58%}.service-setting__box-main{margin-bottom:25px}.invoices-page__inner{max-width:1155px;margin:0 auto}.invoices-page__inner--lg{max-width:1360px}.invoices-page__txt{font-size:2.2rem;font-family:"Segoe UI", Arial, sans-serif;margin-bottom:1em}.invoices-page__wp{background:#F5F5F5;padding:5%;margin-bottom:50px}.invoices-page__table{margin-bottom:27px}.invoices-page__table table{width:100%;font-size:1.8rem;border:1px solid #fff}.invoices-page__table table tr th,.invoices-page__table table tr td{border-bottom:1px solid #fff}.invoices-page__table table tr th{width:300px;padding:1em 0.5em;background:#174B7D;color:#fff}.invoices-page__table table tr td{width:calc(100% - 300px);padding:1.25em 1.8em;position:relative}.invoices-page__table table tr td a{font-size:90%;position:absolute;text-decoration:underline;right:15px;color:#000}.invoices-page__note{font-family:"Segoe UI", Arial, sans-serif;font-size:16px;font-size:1.6rem;line-height:1.5;margin-bottom:2em}.table-container table{font-family:"Segoe UI", Arial, sans-serif;font-size:16px;font-size:1.6rem;line-height:1.5;width:100%}.table-container table tr th,.table-container table tr td{border-bottom:1px solid #E5E5E5;padding:1em 0.5em;font-weight:normal}.table-container table tr th{background:#F5F5F5}.table-container table tr td a{text-decoration:underline}.ecc-table{width:100%;border-collapse:collapse}.ecc-table th,.ecc-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.ecc-table th{background-color:#f5f5f5;font-weight:normal}.ecc-btn--show{color:#333;background-color:transparent;border:none}.ecc-btn--download{color:#333;background-color:transparent;border:none}.ecc-btn--delete{color:#dc3545;background-color:transparent;border:none;text-decoration:none}.ecc-btn--delete:hover{color:#bd2130}.payment-page .inner{padding:70px 32px}.payment-page__dl{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.8rem;background:#174B7D;border-bottom:1px solid #fff}.payment-page__dl:first-child{margin-bottom:1.42em;border:1px solid #fff}.payment-page__dt{width:300px;color:#fff;height:100%;padding:0.535em 0.75em}.payment-page__dd{width:calc(100% - 300px);background:#f5f5f5;padding:1em}.payment-page__dd--method .pure-input{font-family:"Segoe UI", Arial, sans-serif;margin-bottom:1.4em;line-height:1.2}.payment-page__dd--method .pure-input:last-of-type{margin-bottom:0}.payment-page__dd--date .form-control{width:102px;text-align:right}.payment-page__img{max-width:663px;margin:0 auto 30px}.payment-page__note{padding:22px 0 36px;max-width:897px;margin:0 auto;font-size:18px;font-size:1.8rem;line-height:1.7777777778}.mx-auto{margin:auto !important}.system-rule{margin:auto;padding:30px 0;font-weight:bold;text-align:center}.ecc-alert{font-size:1.6rem;line-height:1.5;margin-bottom:0}.ecc-alert .close{font-size:3.2rem;line-height:1;padding:0.6rem 2.5rem 0.6rem 2.5rem;opacity:0.8}.ecc-alert .close:hover,.ecc-alert .close:focus{opacity:1;text-decoration:none;outline:none}.ecc-font-size{font-size:1.8rem}body{font-size:1.8rem}.service-description{width:70%;margin:0 auto}.service-container{background:linear-gradient(135deg, #f5f7fa 0%, #fafbfc 100%);padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.service-intro{margin-bottom:30px;font-size:1.4rem;color:#555555;font-weight:500}.service-list{list-style:none;margin-left:40px;margin-bottom:40px}.service-list li{margin-bottom:15px}.font-weight-bold{font-weight:bold}.service-info-box{background:#ffffff;border:1px solid #e0e0e0;border-radius:10px;padding:24px;margin-bottom:40px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:box-shadow 0.2s ease, transform 0.2s ease}.service-info-box:hover{box-shadow:0 6px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.info-heading{margin-bottom:20px;color:#174B7D;font-weight:700;font-size:1.1rem;letter-spacing:0.02em}.info-content{line-height:1.8}.confirmation-text{margin-bottom:20px;font-size:1.4rem;color:#333333;font-weight:500}@media screen and (max-width: 834px){.service-grid{grid-template-columns:1fr;gap:24px}.service-container{padding:30px 20px}.c-btn__01{width:60%;font-size:2rem}}@media screen and (max-width: 640px){.service-container{padding:20px 15px;border-radius:8px}.service-info-box{padding:16px;border-radius:8px}.service-grid{gap:20px}.info-heading{font-size:1rem}.c-btn__01{width:80%;font-size:1.8rem;height:2.5em}}.usage-cards{display:flex;flex-direction:column;gap:16px;justify-content:left;width:70%;margin:0 auto;margin-top:32px}.usage-card{display:flex;justify-content:space-between;align-items:center;width:370px;background:#f5f5f5;border:1px solid #cccccc;border-radius:8px;padding:16px 32px;box-shadow:0 2px 6px rgba(0,0,0,0.03);font-size:1.8rem}.usage-card__label{color:#333;font-weight:500}.usage-card__value{display:flex;align-items:baseline;gap:4px}.usage-records__count{font-size:2.2rem;font-weight:700;color:#174B7D}.usage-records__unit{font-size:1.6rem;font-weight:600;color:#174B7D}.service-links{margin-top:30px;width:100%}.setup-links{display:flex;flex-direction:column;gap:15px}.setup-link{display:block;background:#fff;border:1px solid #cccccc;border-radius:10px;padding:15px 20px;text-decoration:none;color:#333;transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease}.setup-link:hover{text-decoration:none;color:#333;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,0.05);background-color:#f8f9fa}.setup-link span{color:#333;text-decoration:underline;text-underline-offset:5px}.service-links{width:70%;margin:0 auto;padding:0}.billing-info-block{width:90%;max-width:1155px;margin:0 auto 0 auto}.flash-messages{position:fixed;top:60px;left:0;width:100vw;z-index:99999;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;padding:0}.flash-messages .alert{width:100vw;max-width:none;margin:0;border-radius:0 0 7px 7px;box-shadow:0 4px 24px rgba(0,0,0,0.11);font-size:1.8rem;text-align:center;border-width:0 0 2px 0;pointer-events:auto}@media (max-width: 640px){.flash-messages,.flash-messages .alert{font-size:1.4rem;top:49px}}.setup-link--status{display:flex;align-items:center;justify-content:space-between;padding:1em 1.5em;border:1px solid #ddd;border-radius:8px;margin-bottom:0.85em;background:#fff;text-decoration:none;color:inherit;font-size:1.1em;transition:box-shadow 0.2s}.setup-link--status:hover{box-shadow:0 2px 8px rgba(71,205,137,0.12)}.setup-check{display:flex;align-items:center;margin-left:1.2em}.setup-check-icon{display:block;width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(71,205,137,0.25))}.scroll-content{padding:0 10px}.service-setting__box_border{border:#dc3545 1px solid;padding:10px;border-radius:7px;background-color:#FDECEA}.admin-users-page{min-height:calc(100vh - 120px);padding:40px 20px;background:linear-gradient(135deg, #f5f7fa 0%, #fafbfc 100%)}.admin-users-page__container{max-width:1200px;margin:0 auto}.admin-users-header{background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);border-radius:16px;padding:3.2rem 3.6rem;margin-bottom:3.2rem;box-shadow:0 4px 16px rgba(23,75,125,0.15);display:flex;justify-content:space-between;align-items:center}.admin-users-header__title{font-size:3rem;font-weight:700;color:#ffffff;margin:0;display:flex;align-items:center;gap:1.2rem}.admin-users-header__title::before{content:'';display:inline-block;width:4px;height:3.6rem;background:#47cd89;border-radius:2px}.admin-users-header__btn{background:#ffffff;color:#174B7D;font-size:1.6rem;font-weight:600;padding:1.2rem 2.4rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:inline-flex;align-items:center;gap:0.8rem}.admin-users-header__btn:hover{background:#47cd89;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(71,205,137,0.3);text-decoration:none}.admin-users-header__btn::before{content:'+';font-size:2rem;font-weight:700;line-height:1}.admin-users-table-container{background:#ffffff;border-radius:16px;box-shadow:0 2px 12px rgba(23,75,125,0.08);overflow:hidden}.admin-users-table{width:100%;border-collapse:collapse;font-size:1.5rem}.admin-users-table thead{background:linear-gradient(135deg, #f0f6ff 0%, #e8f0fe 100%)}.admin-users-table th{padding:1.8rem 2rem;text-align:left;font-weight:600;color:#174B7D;font-size:1.6rem;border-bottom:2px solid #174B7D}.admin-users-table tbody tr{border-bottom:1px solid #e8eef5;transition:all 0.3s ease}.admin-users-table tbody tr:hover{background:linear-gradient(90deg, #f8fbff 0%, #fff 100%);transform:translateX(4px);box-shadow:-4px 0 0 0 #47cd89}.admin-users-table td{padding:1.6rem 2rem;color:#333;vertical-align:middle}.admin-users-table td:first-child{font-weight:600;color:#174B7D}.admin-users-actions{display:flex;gap:0.8rem;align-items:center}.admin-users-btn{padding:0.8rem 1.6rem;border-radius:6px;font-size:1.4rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;border:none;cursor:pointer}.admin-users-btn--edit{background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);color:#ffffff;box-shadow:0 2px 6px rgba(23,75,125,0.2)}.admin-users-btn--edit:hover{background:linear-gradient(135deg, #0d2e4e 0%, #174B7D 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(23,75,125,0.3);color:#ffffff;text-decoration:none}.admin-users-btn--delete{background:#ffffff;color:#dc3545;border:2px solid #dc3545;padding:0.6rem 1.2rem}.admin-users-btn--delete:hover{background:#dc3545;color:#ffffff;transform:scale(1.05);box-shadow:0 4px 12px rgba(220,53,69,0.3)}.admin-users-btn--delete i{font-size:1.6rem}.admin-users-form-page{min-height:calc(100vh - 120px);padding:40px 20px;background:linear-gradient(135deg, #f5f7fa 0%, #fafbfc 100%)}.admin-users-form-container{max-width:900px;margin:0 auto}.admin-users-form-header{background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);border-radius:16px 16px 0 0;padding:3rem 3.6rem;margin-bottom:0}.admin-users-form-header__title{font-size:2.8rem;font-weight:700;color:#ffffff;margin:0;display:flex;align-items:center;gap:1.2rem}.admin-users-form-header__title::before{content:'';display:inline-block;width:4px;height:3.2rem;background:#47cd89;border-radius:2px}.admin-users-form-card{background:#ffffff;border-radius:0 0 16px 16px;box-shadow:0 4px 16px rgba(23,75,125,0.1);padding:4rem 3.6rem}.admin-users-error{background:linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);border-left:4px solid #dc3545;border-radius:8px;padding:2rem 2.4rem;margin-bottom:3rem;box-shadow:0 2px 8px rgba(220,53,69,0.1)}.admin-users-error ul{list-style:none;margin:0;padding:0}.admin-users-error li{color:#dc3545;font-size:1.5rem;font-weight:500;padding:0.4rem 0;display:flex;align-items:center;gap:0.8rem}.admin-users-error li::before{content:'⚠';font-size:1.8rem}.admin-users-form-group{display:flex;flex-wrap:wrap;margin-bottom:2.4rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s ease}.admin-users-form-group:hover{box-shadow:0 4px 12px rgba(23,75,125,0.1)}.admin-users-form-label{display:flex;align-items:center;justify-content:space-between;width:280px;background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);color:#ffffff;padding:1.8rem 2rem;font-size:1.6rem;font-weight:600;position:relative}.admin-users-form-label .required{background:#dc3545;color:#ffffff;font-size:1.2rem;font-weight:700;padding:0.4rem 1rem;border-radius:4px;white-space:nowrap}.admin-users-form-input-wrapper{flex:1;background:#ffffff;padding:1.8rem 2rem;min-width:0}.admin-users-form-input{width:100%;border:2px solid #e8eef5;border-radius:8px;padding:1.2rem 1.6rem;font-size:1.6rem;transition:all 0.3s ease;background:#ffffff}.admin-users-form-input:focus{outline:none;border-color:#174B7D;box-shadow:0 0 0 3px rgba(23,75,125,0.1);background:#f8fbff}.admin-users-form-input:hover{border-color:#47cd89}.admin-users-submit{background:linear-gradient(135deg, #174B7D 0%, #2364a0 100%);color:#ffffff;font-size:1.8rem;font-weight:700;padding:1.6rem 4rem;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(23,75,125,0.25);display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-width:300px}.admin-users-submit:hover{background:linear-gradient(135deg, #0d2e4e 0%, #174B7D 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(23,75,125,0.35)}.admin-users-submit:active{transform:translateY(0);box-shadow:0 2px 8px rgba(23,75,125,0.2)}@media (max-width: 768px){.admin-users-page{padding:24px 16px}.admin-users-header{flex-direction:column;gap:2rem;padding:2.4rem 2rem}.admin-users-header__title{font-size:2.4rem}.admin-users-header__btn{width:100%;justify-content:center}.admin-users-table-container{overflow-x:auto}.admin-users-table{font-size:1.4rem}.admin-users-table th,.admin-users-table td{padding:1.2rem 1rem}.admin-users-actions{flex-direction:column;gap:0.6rem}.admin-users-btn{width:100%}.admin-users-form-page{padding:24px 16px}.admin-users-form-header{padding:2.4rem 2rem}.admin-users-form-header__title{font-size:2.4rem}.admin-users-form-card{padding:2.4rem 2rem}.admin-users-form-group{flex-direction:column}.admin-users-form-label{width:100%;border-radius:12px 12px 0 0}.admin-users-form-input-wrapper{border-radius:0 0 12px 12px}.admin-users-submit{width:100%;min-width:auto}}@media (max-width: 480px){.admin-users-header__title{font-size:2rem}.admin-users-form-header__title{font-size:2rem}.admin-users-table{font-size:1.3rem}.admin-users-table th,.admin-users-table td{padding:1rem 0.8rem}}
