@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0}:root{--crm-bg: #f5f6f8;--crm-card-bg: #ffffff;--crm-red: #da1212;--crm-red-hover: #b90b0b;--crm-text-primary: #111827;--crm-text-secondary: #6b7280;--crm-border: #eef0f2;--crm-badge-bg: #fef3c7;--crm-badge-text: #92400e;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--crm-bg);color:var(--crm-text-primary);-webkit-font-smoothing:antialiased}.crm-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.crm-main{flex:1;display:flex;flex-direction:column;background-color:var(--crm-bg);overflow:hidden}.crm-content{flex:1;display:flex;gap:24px;padding:32px;overflow:hidden}.config-sidebar{width:480px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px;padding-bottom:24px}.config-sidebar::-webkit-scrollbar{width:6px}.config-sidebar::-webkit-scrollbar-track{background:transparent}.config-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.crm-card{background-color:var(--crm-card-bg);border:1px solid var(--crm-border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.crm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.crm-card-header h2{font-size:16px;margin:0;font-weight:600;color:var(--crm-text-primary)}.btn-primary{background-color:var(--crm-red);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s}.btn-primary:hover{background-color:var(--crm-red-hover)}.btn-danger{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer}.btn-secondary{background-color:#fff;border:1px solid var(--crm-border);color:var(--crm-text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);transition:background-color .2s}.btn-secondary:hover{background-color:#f9fafb}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:10px;font-weight:600;color:var(--crm-text-secondary);text-transform:uppercase;letter-spacing:.05em}.custom-input,.custom-select{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--crm-border);border-radius:var(--radius-sm);color:var(--crm-text-primary);background:#fff;outline:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.custom-input:focus,.custom-select:focus{border-color:#a1a1aa}.slider-container{display:flex;flex-direction:column;gap:8px}.slider-header{display:flex;justify-content:space-between}.slider-val{font-size:13px;font-weight:600;color:var(--crm-text-primary)}.custom-range{-webkit-appearance:none;width:100%;height:4px;background:var(--crm-border);border-radius:2px;outline:none;margin:6px 0}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--crm-text-primary);cursor:pointer;transition:transform .1s}.custom-range::-webkit-slider-thumb:hover{background:var(--crm-red);transform:scale(1.1)}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--crm-border);cursor:pointer;padding:0;transition:transform .1s}.color-dot:hover{transform:scale(1.1)}.color-dot.active{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--crm-red);border:none}.crm-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 16px;border:1px solid var(--crm-border);border-radius:var(--radius-sm);transition:background-color .2s;margin-bottom:8px}.crm-toggle:hover{background-color:#f9fafb}.crm-toggle input{display:none}.crm-toggle-text{font-size:13px;font-weight:500;color:var(--crm-text-primary)}.toggle-track{position:relative;width:36px;height:20px;background-color:#e5e7eb;border-radius:20px;transition:all .2s}.toggle-track:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.crm-toggle input:checked+.toggle-track{background-color:var(--crm-red)}.crm-toggle input:checked+.toggle-track:before{transform:translate(16px)}.sub-panel{padding:16px;background-color:#f9fafb;border:1px solid var(--crm-border);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);margin-top:-9px;margin-bottom:8px;display:flex;flex-direction:column;gap:12px}.viewer-section{flex:1;display:flex;flex-direction:column;position:relative}.viewer-card{flex:1;background-color:var(--crm-card-bg);border:1px solid var(--crm-border);border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;position:relative}