:root{--cep-unit:8px;--cep-border-radius-sm:4px;--cep-border-radius:8px;--cep-border-radius-lg:12px;--cep-input-height:44px;--cep-spacing-xs:calc(var(--cep-unit)*1);--cep-spacing-sm:calc(var(--cep-unit)*2);--cep-spacing-md:calc(var(--cep-unit)*3);--cep-spacing-lg:calc(var(--cep-unit)*4);--cep-spacing-xl:calc(var(--cep-unit)*5);--cep-bg-primary:#fff;--cep-bg-secondary:#f8f9fa;--cep-bg-tertiary:#f1f3f5;--cep-text-primary:#212529;--cep-text-secondary:#495057;--cep-text-muted:#6c757d;--cep-border-color:#dee2e6;--cep-divider-color:#e9ecef;--cep-primary:#4263eb;--cep-primary-hover:#3b5bdb;--cep-primary-active:#364fc7;--cep-error:#e03131;--cep-error-hover:#c92a2a;--cep-error-bg:#e0313114;--cep-success:#2b8a3e;--cep-success-bg:#2b8a3e14;--cep-warning:#e8590c;--cep-backdrop:#0009;--cep-shadow-sm:0 1px 3px #0000001a;--cep-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;--cep-shadow-lg:0 10px 25px #00000026;--cep-input-bg:#fff;--cep-input-border:#ced4da;--cep-input-focus-border:#4263eb;--cep-input-focus-shadow:0 0 0 3px #4263eb40;--cep-placeholder-color:#adb5bd}.dark-mode,[data-theme=dark]{--cep-bg-primary:#212529;--cep-bg-secondary:#343a40;--cep-bg-tertiary:#495057;--cep-text-primary:#f8f9fa;--cep-text-secondary:#e9ecef;--cep-text-muted:#adb5bd;--cep-border-color:#495057;--cep-divider-color:#343a40;--cep-input-bg:#343a40;--cep-input-border:#495057;--cep-placeholder-color:#868e96;--cep-shadow-sm:0 1px 3px #0000004d;--cep-shadow:0 4px 6px #0000004d,0 1px 3px #0003;--cep-shadow-lg:0 10px 25px #00000040}.cep-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:var(--cep-backdrop);bottom:0;display:flex;justify-content:center;left:0;padding:var(--cep-spacing-md);position:fixed;right:0;top:0;z-index:9999}.cep-container{animation:cep-slide-in .3s ease-out;background-color:var(--cep-bg-primary);border-radius:var(--cep-border-radius-lg);box-shadow:var(--cep-shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - var(--cep-spacing-lg));max-width:calc(100vw - var(--cep-spacing-lg));overflow:hidden;position:relative;width:800px}@keyframes cep-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cep-header{align-items:center;background:var(--cep-primary);border-top-left-radius:var(--cep-border-radius-lg);border-top-right-radius:var(--cep-border-radius-lg);color:#fff;display:flex;justify-content:space-between;padding:var(--cep-spacing-md) var(--cep-spacing-lg)}.cep-title{font-size:1.25rem;font-weight:600;letter-spacing:.2px;margin:0}.cep-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;line-height:1;opacity:.8;padding:0;transition:opacity .2s,transform .2s;width:32px}.cep-close-btn:hover{background-color:#ffffff1a;opacity:1;transform:scale(1.1)}.cep-tabs{background-color:var(--cep-bg-secondary);border-bottom:1px solid var(--cep-border-color);display:flex}.cep-tab{background:#0000;border:none;color:var(--cep-text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:var(--cep-spacing-md) var(--cep-spacing-lg);position:relative;text-align:center;transition:all .2s;white-space:nowrap}.cep-tab:after{background-color:initial;bottom:0;content:"";height:3px;left:0;position:absolute;transition:background-color .2s;width:100%}.cep-tab:hover{background-color:#00000005;color:var(--cep-text-primary)}.cep-tab-active{background-color:var(--cep-bg-primary);color:var(--cep-primary)}.cep-tab-active:after{background-color:var(--cep-primary)}.cep-error-banner{background-color:var(--cep-error-bg);border-left:3px solid var(--cep-error);border-radius:var(--cep-border-radius);color:var(--cep-error);font-size:.9rem;margin:var(--cep-spacing-sm);padding:var(--cep-spacing-sm) var(--cep-spacing-lg)}.cep-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cep-panel{display:none;max-height:calc(90vh - 220px);overflow-y:auto;padding:var(--cep-spacing-lg)}.cep-panel-active{display:block}.cep-section-header{color:var(--cep-text-primary);font-size:1.05rem;font-weight:600}.cep-section-header,.cep-section-header-row{border-bottom:1px solid var(--cep-divider-color);margin-bottom:var(--cep-spacing-md);padding-bottom:var(--cep-spacing-xs)}.cep-section-header-row{align-items:center;display:flex;justify-content:space-between}.cep-section-divider{background-color:var(--cep-divider-color);height:1px;margin:var(--cep-spacing-lg) 0}.cep-field-group{margin-bottom:var(--cep-spacing-md)}.cep-row{display:flex;gap:var(--cep-spacing-lg);margin-bottom:var(--cep-spacing-sm)}.cep-row .cep-field-group{flex:1 1;min-width:0}.cep-label{color:var(--cep-text-secondary);display:block;font-size:.95rem;font-weight:500;margin-bottom:var(--cep-spacing-xs)}.cep-input,.cep-select,.cep-textarea{background-color:var(--cep-input-bg);border:1px solid var(--cep-input-border);border-radius:var(--cep-border-radius);box-sizing:border-box;color:var(--cep-text-primary);font-size:1rem;height:var(--cep-input-height);padding:0 var(--cep-spacing-sm);transition:all .2s;width:100%}.cep-input::placeholder,.cep-textarea::placeholder{color:var(--cep-placeholder-color)}.cep-input:focus,.cep-select:focus,.cep-textarea:focus{border-color:var(--cep-input-focus-border);box-shadow:var(--cep-input-focus-shadow);outline:none}.cep-input:disabled,.cep-select:disabled,.cep-textarea:disabled{background-color:var(--cep-bg-tertiary);cursor:not-allowed;opacity:.6}.cep-input-error{border-color:var(--cep-error)}.cep-input-error:focus{box-shadow:0 0 0 3px #e0313140}.cep-textarea{height:auto;min-height:150px;padding:var(--cep-spacing-sm);resize:vertical}.cep-error-text{color:var(--cep-error);font-size:.8rem;margin-top:var(--cep-spacing-xs)}.cep-input-addon{align-items:stretch;display:flex}.cep-input-with-addon{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1}.cep-addon-suffix{align-items:center;background-color:var(--cep-bg-tertiary);border:1px solid var(--cep-input-border);border-bottom-right-radius:var(--cep-border-radius);border-left:none;border-top-right-radius:var(--cep-border-radius);color:var(--cep-text-muted);display:flex;font-size:.9rem;padding:0 var(--cep-spacing-sm);white-space:nowrap}.cep-select{appearance:auto;cursor:pointer;padding-right:30px}.cep-btn{align-items:center;border:none;border-radius:var(--cep-border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:var(--cep-input-height);justify-content:center;min-width:120px;padding:var(--cep-spacing-sm) var(--cep-spacing-xs);transition:all .2s}.cep-btn:disabled{cursor:not-allowed;opacity:.6}.cep-btn-primary{background-color:var(--cep-primary);box-shadow:var(--cep-shadow-sm);color:#fff}.cep-btn-primary:hover:not(:disabled){background-color:var(--cep-primary-hover);box-shadow:var(--cep-shadow);transform:translateY(-1px)}.cep-btn-primary:active:not(:disabled){background-color:var(--cep-primary-active);transform:translateY(0)}.cep-btn-secondary{background-color:initial;border:1px solid var(--cep-border-color);color:var(--cep-text-primary)}.cep-btn-secondary:hover:not(:disabled){background-color:var(--cep-bg-secondary);border-color:var(--cep-text-muted)}.cep-copy-btn{background-color:initial;border:none;border-radius:var(--cep-border-radius);color:var(--cep-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:var(--cep-spacing-xs) var(--cep-spacing-sm);transition:background-color .2s}.cep-copy-btn:hover{background-color:var(--cep-bg-secondary)}.cep-checkbox-container{align-items:center;display:flex;padding-top:calc(var(--cep-spacing-sm) + 8px)}.cep-checkbox-label{align-items:center;cursor:pointer;display:flex}.cep-checkbox{border-radius:3px;cursor:pointer;height:18px;margin-right:var(--cep-spacing-sm);width:18px}.cep-checkbox-text{color:var(--cep-text-primary);font-weight:400}.cep-actions{background-color:var(--cep-bg-secondary);border-top:1px solid var(--cep-border-color);display:flex;gap:var(--cep-spacing-md);justify-content:flex-end;margin-top:auto;padding:var(--cep-spacing-md) var(--cep-spacing-lg)}.cep-spinner{animation:cep-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:var(--cep-spacing-sm);width:16px}@keyframes cep-spin{to{transform:rotate(1turn)}}.cep-confirm-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#00000080;border-radius:var(--cep-border-radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.cep-confirm-dialog{animation:cep-pop-in .3s ease-out forwards;background-color:var(--cep-bg-primary);border-radius:var(--cep-border-radius);box-shadow:var(--cep-shadow-lg);max-width:500px;padding:var(--cep-spacing-lg);width:80%}@keyframes cep-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cep-confirm-title{color:var(--cep-error);font-size:1.2rem;font-weight:600;margin-bottom:var(--cep-spacing-md);margin-top:0}.cep-confirm-text{color:var(--cep-text-primary);margin-bottom:var(--cep-spacing-md)}.cep-confirm-list{color:var(--cep-text-secondary);margin:var(--cep-spacing-md) 0;padding-left:var(--cep-spacing-lg)}.cep-confirm-item{margin-bottom:var(--cep-spacing-xs)}.cep-confirm-actions{display:flex;gap:var(--cep-spacing-md);justify-content:flex-end;margin-top:var(--cep-spacing-lg)}@media (max-width:640px){.cep-container{height:100%;max-height:none;max-width:none;width:100%}.cep-container,.cep-header{border-radius:0}.cep-panel{padding:var(--cep-spacing-md)}.cep-row{flex-direction:column;gap:var(--cep-spacing-md)}.cep-tabs{justify-content:flex-start;overflow-x:auto}.cep-tab{flex:none;min-width:90px;padding:var(--cep-spacing-md) var(--cep-spacing-sm)}.cep-overlay{padding:0}}@media (max-width:480px){.cep-actions,.cep-confirm-actions{flex-direction:column-reverse}.cep-btn{width:100%}}.cep-emoji-picker-container{position:relative}.cep-emoji-button{align-items:center;background-color:var(--cep-input-bg);border:1px solid var(--cep-input-border);border-radius:var(--cep-border-radius);color:var(--cep-text-primary);cursor:pointer;display:flex;font-size:14px;gap:var(--cep-spacing-sm);padding:var(--cep-spacing-sm);transition:all .2s;width:100%}.cep-emoji-button:hover{border-color:var(--cep-input-focus-border)}.cep-emoji-display{font-size:1.5rem;min-width:24px;text-align:center}.cep-emoji-label{color:var(--cep-text-secondary)}.cep-emoji-picker{background-color:var(--cep-bg-primary);border:1px solid var(--cep-border-color);border-radius:var(--cep-border-radius);box-shadow:var(--cep-shadow-lg);left:0;margin-top:4px;max-width:400px;min-width:300px;position:absolute;right:0;top:100%;width:100%;z-index:10}.cep-emoji-categories{-ms-overflow-style:none;background-color:var(--cep-bg-secondary);border-bottom:1px solid var(--cep-border-color);border-radius:var(--cep-border-radius) var(--cep-border-radius) 0 0;display:flex;overflow-x:auto;scrollbar-width:none}.cep-emoji-categories::-webkit-scrollbar{display:none}.cep-emoji-category-tab{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:var(--cep-spacing-sm);transition:all .2s}.cep-emoji-category-tab:hover{background-color:var(--cep-bg-tertiary)}.cep-emoji-category-tab.active{background-color:var(--cep-primary);color:#fff;position:relative}.cep-emoji-category-tab.active:after{background-color:var(--cep-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.cep-emoji-grid{display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:var(--cep-spacing-sm);scrollbar-color:var(--cep-border-color) #0000;scrollbar-width:thin}.cep-emoji-grid::-webkit-scrollbar{width:6px}.cep-emoji-grid::-webkit-scrollbar-track{background:#0000}.cep-emoji-grid::-webkit-scrollbar-thumb{background-color:var(--cep-border-color);border-radius:3px}.cep-emoji-grid::-webkit-scrollbar-thumb:hover{background-color:var(--cep-text-muted)}.cep-emoji-option{align-items:center;aspect-ratio:1;background:#0000;border:1px solid #0000;border-radius:var(--cep-border-radius-sm);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:32px;padding:var(--cep-spacing-xs);transition:all .15s}.cep-emoji-option:hover{background-color:var(--cep-bg-secondary);border-color:var(--cep-border-color);transform:scale(1.1)}.cep-emoji-option.selected{background-color:var(--cep-primary);border-color:var(--cep-primary);color:#fff;transform:scale(1.1)}@media (max-width:640px){.cep-emoji-picker{max-width:320px;min-width:280px}.cep-emoji-grid{grid-template-columns:repeat(6,1fr);max-height:180px}.cep-emoji-category-tab{font-size:1rem;height:35px;min-width:35px}}:root{--ccm-border-radius-sm:4px;--ccm-border-radius:8px;--ccm-border-radius-lg:12px;--ccm-bg-primary-light:#fff;--ccm-bg-secondary-light:#f8f9fa;--ccm-bg-tertiary-light:#f1f3f5;--ccm-text-primary-light:#212529;--ccm-text-secondary-light:#495057;--ccm-text-muted-light:#6c757d;--ccm-border-color-light:#dee2e6;--ccm-divider-color-light:#e9ecef;--ccm-bg-primary-dark:#1a1f2b;--ccm-bg-secondary-dark:#161b25;--ccm-bg-tertiary-dark:#131a25;--ccm-text-primary-dark:#f8f9fa;--ccm-text-secondary-dark:#e9ecef;--ccm-text-muted-dark:#adb5bd;--ccm-border-color-dark:#343a40;--ccm-divider-color-dark:#212529;--ccm-primary-color:#4263eb;--ccm-primary-color-hover:#3b5bdb;--ccm-primary-color-active:#364fc7;--ccm-error-color:#e03131;--ccm-error-color-hover:#c92a2a;--ccm-error-color-bg:#e0313114;--ccm-success-color:#2b8a3e;--ccm-shadow-sm:0 1px 3px #0000001a;--ccm-shadow:0 4px 6px #0000001a;--ccm-shadow-lg:0 8px 12px #00000026}.ccm-card{background-color:var(--ccm-bg-primary-light);border:1px solid var(--ccm-border-color-light);border-radius:var(--ccm-border-radius-lg);box-shadow:var(--ccm-shadow-sm);margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s ease}.ccm-header{align-items:center;background-color:var(--ccm-bg-secondary-light);border-bottom:1px solid var(--ccm-divider-color-light);display:flex;justify-content:space-between;padding:16px 20px}.ccm-title{color:var(--ccm-text-primary-light);font-size:18px;font-weight:600;margin:0}.ccm-body{padding:20px}.ccm-actions{display:flex;gap:8px}.ccm-btn{background:#0000;border:none;border-radius:var(--ccm-border-radius-sm);cursor:pointer;transition:all .2s}.ccm-btn:disabled{cursor:not-allowed;opacity:.5}.ccm-btn-icon{align-items:center;color:var(--ccm-text-secondary-light);display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.ccm-edit-btn:hover,.ccm-expand-btn:hover{background-color:#0000000d;color:var(--ccm-text-primary-light);transform:translateY(-1px)}.ccm-delete-btn:hover{background-color:var(--ccm-error-color-bg);color:var(--ccm-error-color)}.ccm-delete-btn.ccm-confirm{background-color:var(--ccm-error-color);color:#fff}.ccm-spinner{animation:ccm-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes ccm-spin{to{transform:rotate(1turn)}}.ccm-info-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}.ccm-info-column{display:flex;flex-direction:column;gap:12px}.ccm-section-title{border-bottom:1px solid var(--ccm-divider-color-light);color:var(--ccm-text-secondary-light);font-size:15px;font-weight:600;margin:0 0 10px;padding-bottom:6px}.ccm-info-row{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.ccm-info-icon{opacity:.8;text-align:center;width:20px}.ccm-info-label{color:var(--ccm-text-secondary-light);min-width:90px}.ccm-info-text,.ccm-info-value{color:var(--ccm-text-primary-light);word-break:break-word}.ccm-info-value.ccm-highlight{color:var(--ccm-primary-color);font-weight:500}.ccm-info-link{color:var(--ccm-primary-color);text-decoration:none;transition:all .2s}.ccm-info-link:hover{color:var(--ccm-primary-color-hover);text-decoration:underline}.ccm-badge{border-radius:var(--ccm-border-radius-sm);display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.ccm-vat-exempt{background-color:#f3ebff;color:#531dab}.ccm-expanded-details{border-top:1px solid var(--ccm-divider-color-light);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;padding-top:16px}.ccm-expanded-section{background-color:var(--ccm-bg-tertiary-light);border-radius:var(--ccm-border-radius);padding:16px}.ccm-address-details{color:var(--ccm-text-primary-light);line-height:1.6}.ccm-address-details>div{margin-bottom:4px}.ccm-country-code{background-color:#4263eb1a;border-radius:var(--ccm-border-radius-sm);color:var(--ccm-primary-color);display:inline-block;font-weight:500;margin-top:4px;padding:2px 8px}.ccm-notes-content{color:var(--ccm-text-primary-light);line-height:1.6;white-space:pre-line}.ccm-delete-confirmation{align-items:center;backdrop-filter:blur(3px);background-color:#000000b3;border-radius:var(--ccm-border-radius-lg);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.ccm-delete-confirmation p{color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.ccm-confirmation-buttons{display:flex;gap:12px}.ccm-cancel-btn,.ccm-confirm-btn{border-radius:var(--ccm-border-radius-sm);font-size:14px;font-weight:500;padding:8px 16px}.ccm-confirm-btn.ccm-danger{background-color:var(--ccm-error-color);color:#fff}.ccm-confirm-btn.ccm-danger:hover{background-color:var(--ccm-error-color-hover)}.ccm-cancel-btn{background-color:#fff3;color:#fff}.ccm-cancel-btn:hover{background-color:#ffffff4d}.ccm-card:hover{box-shadow:var(--ccm-shadow);transform:translateY(-2px)}.ccm-card.ccm-expanded{box-shadow:var(--ccm-shadow-lg)}.dark-mode .ccm-card,[data-theme=dark] .ccm-card{background-color:var(--ccm-bg-primary-dark);border-color:var(--ccm-border-color-dark)}.dark-mode .ccm-header,[data-theme=dark] .ccm-header{background-color:var(--ccm-bg-secondary-dark);border-color:var(--ccm-border-color-dark)}.dark-mode .ccm-address-details,.dark-mode .ccm-info-text,.dark-mode .ccm-info-value,.dark-mode .ccm-notes-content,.dark-mode .ccm-title,[data-theme=dark] .ccm-address-details,[data-theme=dark] .ccm-info-text,[data-theme=dark] .ccm-info-value,[data-theme=dark] .ccm-notes-content,[data-theme=dark] .ccm-title{color:var(--ccm-text-primary-dark)}.dark-mode .ccm-info-label,.dark-mode .ccm-section-title,[data-theme=dark] .ccm-info-label,[data-theme=dark] .ccm-section-title{border-color:var(--ccm-divider-color-dark);color:var(--ccm-text-secondary-dark)}.dark-mode .ccm-edit-btn:hover,.dark-mode .ccm-expand-btn:hover,[data-theme=dark] .ccm-edit-btn:hover,[data-theme=dark] .ccm-expand-btn:hover{background-color:#ffffff1a;color:var(--ccm-text-primary-dark)}.dark-mode .ccm-btn-icon,[data-theme=dark] .ccm-btn-icon{color:var(--ccm-text-secondary-dark)}.dark-mode .ccm-expanded-section,[data-theme=dark] .ccm-expanded-section{background-color:var(--ccm-bg-tertiary-dark)}.dark-mode .ccm-expanded-details,[data-theme=dark] .ccm-expanded-details{border-color:var(--ccm-border-color-dark)}.dark-mode .ccm-vat-exempt,[data-theme=dark] .ccm-vat-exempt{background-color:#531dab4d;color:#d8c2f9}.dark-mode .ccm-country-code,[data-theme=dark] .ccm-country-code{background-color:#4263eb33;color:#a5beff}.dark-mode .ccm-info-link,.dark-mode .ccm-info-value.ccm-highlight,[data-theme=dark] .ccm-info-link,[data-theme=dark] .ccm-info-value.ccm-highlight{color:#a5beff}.dark-mode .ccm-info-link:hover,[data-theme=dark] .ccm-info-link:hover{color:#c5d5ff}@media (max-width:768px){.ccm-info-grid{gap:16px}.ccm-expanded-details,.ccm-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.ccm-info-row{flex-wrap:wrap}.ccm-info-label{min-width:80px}.ccm-confirmation-buttons{flex-direction:column;width:100%}.ccm-cancel-btn,.ccm-confirm-btn{width:100%}}