.ccf-page{--ccf-ink:#141e46;--ccf-ink-soft:#3d4663;--ccf-muted:#6b7280;--ccf-line:#e5e7eb;--ccf-surface:#fff;--ccf-wash:#f4f6f9;--ccf-accent:#141e46;--ccf-accent-soft:rgba(20,30,70,.08);--ccf-danger:#c0392b;--ccf-ok:#15803d;--ccf-radius:16px;--ccf-radius-sm:10px;--ccf-shadow:0 12px 36px rgba(20,30,70,.08);--ccf-ease:cubic-bezier(0.22,1,0.36,1);max-width:980px;margin:0 auto 3rem}.ccf-card,.ccf-card.card{border:1px solid var(--ccf-line)!important;border-radius:calc(var(--ccf-radius) + 2px)!important;box-shadow:var(--ccf-shadow);overflow:hidden;background:var(--ccf-surface);padding:0!important;animation:ccf-fade-up .45s var(--ccf-ease) both}@keyframes ccf-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ccf-header{padding:1.65rem 1.75rem 1.25rem;background:linear-gradient(135deg,rgba(20,30,70,.05),transparent 55%),linear-gradient(180deg,var(--ccf-wash) 0,var(--ccf-surface) 100%);border-bottom:1px solid var(--ccf-line);text-align:center}.ccf-header h1{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;color:var(--ccf-ink);line-height:1.25}.ccf-header p{margin:.4rem 0 0;font-size:.9rem;color:var(--ccf-muted)}.ccf-body{padding:1.5rem 1.75rem 1.6rem}.ccf-loading{text-align:center;padding:3.5rem 1.5rem;color:var(--ccf-ink)}.ccf-loading .spinner-border{width:2.25rem;height:2.25rem;border-width:.2rem;color:var(--ccf-ink)}.ccf-stepper{justify-content:center;gap:0;margin:0 0 1.6rem}.ccf-step,.ccf-stepper{display:flex;align-items:center}.ccf-step{flex-direction:column;gap:.4rem;min-width:4.5rem}.ccf-step__num{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;color:var(--ccf-muted);background:var(--ccf-wash);border:1px solid var(--ccf-line);transition:background .2s var(--ccf-ease),color .2s var(--ccf-ease),border-color .2s var(--ccf-ease),box-shadow .2s var(--ccf-ease)}.ccf-step.is-active .ccf-step__num{background:var(--ccf-accent);color:#fff;border-color:var(--ccf-accent);box-shadow:0 0 0 4px var(--ccf-accent-soft)}.ccf-step.is-done .ccf-step__num{background:var(--ccf-ok);border-color:var(--ccf-ok);color:#fff}.ccf-step__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ccf-muted)}.ccf-step.is-active .ccf-step__label{color:var(--ccf-ink)}.ccf-stepper__line{flex:1 1;max-width:88px;height:2px;margin:0 .55rem 1.15rem;background:var(--ccf-line);border-radius:99px}.ccf-stepper__line.is-done{background:var(--ccf-ok)}.ccf-card .form-group,.ccf-card .form-group.d-flex{margin-bottom:1rem}.ccf-card .form-label,.ccf-card label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-size:.8rem;font-weight:600;color:var(--ccf-ink-soft)}.ccf-card .character-count,.ccf-card .character-count small{font-size:.72rem;font-weight:500;color:var(--ccf-muted)}.ccf-card .form-control,.ccf-card .form-select,.ccf-card .web-url,.ccf-card input.form-control,.ccf-card select.form-control,.ccf-card textarea.form-control{width:100%;border:1px solid var(--ccf-line)!important;border-radius:var(--ccf-radius-sm)!important;background:var(--ccf-wash)!important;color:var(--ccf-ink);font-size:.92rem;line-height:1.4;padding:.68rem .85rem;min-height:42px;box-shadow:none!important;transition:border-color .2s var(--ccf-ease),background-color .2s var(--ccf-ease),box-shadow .2s var(--ccf-ease)}.ccf-card textarea.form-control{min-height:140px;resize:vertical}.ccf-card .form-control::placeholder,.ccf-card .web-url::placeholder{color:#9aa3b2!important;font-size:.84rem}.ccf-card .form-control:hover,.ccf-card .form-select:hover,.ccf-card .web-url:hover{background:#f8fafc!important;border-color:#d1d5db!important}.ccf-card .form-control:focus,.ccf-card .form-select:focus,.ccf-card .web-url:focus{outline:none;background:#fff!important;border-color:var(--ccf-accent)!important;box-shadow:0 0 0 3px var(--ccf-accent-soft)!important}.ccf-card .border-danger,.ccf-card .form-control.border-danger,.ccf-card .form-control.is-invalid{border-color:var(--ccf-danger)!important;background:#fff7f6!important}.ccf-card .error-message,.ccf-card .invalid-feedback,.ccf-card .text-danger.form-group p,.ccf-card p.error-message,.ccf-card p.text-danger{color:var(--ccf-danger)!important;font-size:.75rem;margin-top:.3rem;margin-bottom:0}.ccf-req{color:var(--ccf-danger);font-weight:700}.ccf-hint{color:var(--ccf-muted)!important;font-size:.72rem!important;font-weight:500}.ccf-help-link{color:#c0392b;font-size:11px;font-weight:600;text-decoration:none}.ccf-help-link:hover{text-decoration:underline}.ccf-card .ant-select{width:100%}.ccf-card .ant-select-selector{min-height:42px!important;height:42px!important;border-radius:var(--ccf-radius-sm)!important;border:1px solid var(--ccf-line)!important;background:var(--ccf-wash)!important;align-items:center!important;padding:0 .75rem!important;box-shadow:none!important}.ccf-card .ant-select-focused .ant-select-selector,.ccf-card .ant-select-selector:hover{border-color:var(--ccf-accent)!important}.ccf-card .ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px var(--ccf-accent-soft)!important;background:#fff!important}.ccf-card .react-tel-input{width:100%;position:relative}.ccf-card .react-tel-input .form-control{width:100%!important;height:42px!important;min-height:42px!important;padding:.68rem .85rem .68rem 52px!important;color:var(--ccf-ink)!important;background:var(--ccf-wash)!important;font-size:.92rem!important;letter-spacing:normal!important;text-indent:0!important}.ccf-card .react-tel-input .flag-dropdown{position:absolute!important;top:1px;bottom:1px;left:1px;width:44px!important;border:none!important;background:transparent!important;border-radius:var(--ccf-radius-sm) 0 0 var(--ccf-radius-sm)!important}.ccf-card .react-tel-input .selected-flag{width:44px!important;padding:0 0 0 8px!important;background:transparent!important}.company-form-photo-selection{width:100%;height:168px;border:1px dashed #cfd6e4;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f4f8);overflow:hidden;display:flex;align-items:center!important;justify-content:center!important;padding:12px;position:relative;transition:border-color .2s var(--ccf-ease),background .2s var(--ccf-ease)}.company-form-photo-selection:hover{border-color:#9aa7c2;background:#f4f7fb}.company-form-uploader-container{border:none;height:auto;width:auto;border-radius:0;text-align:center;cursor:pointer!important;display:flex;align-items:center;justify-content:center}.company-form-upload-icon{color:var(--ccf-muted);text-align:center!important;font-size:.78rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:6px}.company-form-upload-icon-file{font-size:1.55rem;color:var(--ccf-ink);opacity:.7}.company-form-image-preview,.company-form-image-preview-container{width:100%;height:100%;position:relative;border-radius:10px;overflow:hidden}.company-form-preview-image{width:100%;height:100%;object-fit:cover;border-radius:10px!important}.company-form-remove-button{position:absolute;top:10px;right:10px;background:rgba(20,30,70,.88);color:#fff;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;cursor:pointer;height:26px;width:26px;transition:background .2s ease,transform .15s ease}.company-form-remove-button:hover{background:#c0392b;transform:scale(1.05)}.company-form-remove-button svg{width:12px;height:12px}.weekly-schedule-btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:1px solid var(--ccf-line)!important;border-radius:var(--ccf-radius-sm)!important;color:var(--ccf-ink)!important;font-size:.92rem;font-weight:650;background:var(--ccf-wash)!important;cursor:pointer;box-shadow:none!important}.weekly-schedule-btn:hover{background:#edf2f7!important;color:var(--ccf-ink)!important;border-color:#c5cedb!important}.company-form-checkbox-container{margin:8px 0 4px;display:flex;align-items:flex-start;gap:12px;padding:.9rem 1rem;border:1px solid var(--ccf-line);border-radius:12px;background:var(--ccf-wash)}.company-form-checkbox-input{width:18px;height:18px;margin-top:3px!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;border:2px solid var(--ccf-ink);border-radius:5px;position:relative;background-color:#fff}.company-form-checkbox-input:checked{background-color:var(--ccf-ink);border-color:var(--ccf-ink)}.company-form-checkbox-input:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.company-form-checkbox-label{font-size:.84rem!important;line-height:1.5;color:var(--ccf-ink-soft)!important;font-weight:500!important;cursor:pointer;justify-content:flex-start!important;text-align:left}.ccf-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:1.15rem;border-top:1px solid var(--ccf-line)}.ccf-nav.is-start{justify-content:flex-end}.ccf-btn{min-width:118px;height:42px;padding:0 1.15rem;border-radius:999px!important;font-size:.9rem;font-weight:650;border:1px solid transparent!important;box-shadow:none!important;transition:background .2s var(--ccf-ease),color .2s var(--ccf-ease),transform .15s var(--ccf-ease)}.ccf-btn:active{transform:translateY(1px)}.ccf-btn--primary,.ccf-card .create-custom-btn.ccf-btn--primary{background:var(--ccf-accent)!important;color:#fff!important}.ccf-btn--primary:hover,.ccf-card .create-custom-btn.ccf-btn--primary:hover{background:#1c2a62!important;color:#fff!important}.ccf-btn--primary:disabled,.ccf-card .create-custom-btn:disabled{opacity:.45;cursor:not-allowed}.ccf-btn--ghost,.ccf-card .create-custom-btn.ccf-btn--ghost{background:#fff!important;color:var(--ccf-ink)!important;border-color:var(--ccf-line)!important}.ccf-btn--ghost:hover{background:var(--ccf-wash)!important;color:var(--ccf-ink)!important}.custom-cancle-btn{background-color:gray;color:#fff;border:1px solid gray}.custom-cancle-btn:hover{color:gray;background-color:#f8f9fa;border:1px solid gray}.qr-code-switch.ant-switch-checked{background-color:#141e46!important}@media (max-width:768px){.ccf-body,.ccf-header{padding-left:1.1rem;padding-right:1.1rem}.ccf-header h1{font-size:1.3rem}.ccf-stepper__line{max-width:36px;margin:0 .3rem 1.15rem}.ccf-step{min-width:3.6rem}.company-form-photo-selection{height:140px}}@media (max-width:480px){.ccf-step__label{font-size:.64rem}.ccf-btn{min-width:96px}}.cos-panel--create{margin:.15rem 0 .35rem}@media (max-width:576px){.cos-panel--create .cos-grid{grid-template-columns:1fr}}