@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.ccp-admin-wrap *{box-sizing:border-box}
.ccp-admin-wrap{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1e293b;margin:0 -20px 0 -10px;background:#f1f5f9;min-height:100vh}
/* RTL */
.ccp-admin-wrap[dir="rtl"]{direction:rtl;text-align:right}
.ccp-admin-wrap[dir="rtl"] .ccp-pfx{border-right:none;border-left:1.5px solid #e2e8f0}
/* Header */
.ccp-admin-header{background:linear-gradient(135deg,#075E54 0%,#128C7E 50%,#25D366 100%)}
.ccp-admin-header-inner{max-width:1240px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between}
.ccp-admin-logo{display:flex;align-items:center;gap:14px}
.ccp-logo-icon{width:48px;height:48px;background:rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ccp-admin-logo h1{color:#fff!important;font-size:21px!important;font-weight:700!important;margin:0 0 2px!important;padding:0!important;line-height:1.2!important;border:none!important}
.ccp-admin-logo span{color:rgba(255,255,255,.75);font-size:12px}
.ccp-header-actions{display:flex;gap:10px}
/* Notice */
.ccp-notice{margin:20px 32px;padding:13px 18px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.ccp-notice-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
/* Layout */
.ccp-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;padding:22px 32px;max-width:1240px;margin:0 auto}
/* Sidebar */
.ccp-sidebar{display:flex;flex-direction:column;gap:12px}
.ccp-nav{background:#fff;border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ccp-nav-item{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;text-decoration:none;color:#64748b;font-size:13px;font-weight:500;transition:all .15s;margin:2px 0}
.ccp-nav-item:hover{background:#f8fafc;color:#1e293b}
.ccp-nav-item.active{background:linear-gradient(135deg,#075E54,#25D366);color:#fff;box-shadow:0 4px 12px rgba(37,211,102,.3)}
.ccp-sidebar-status{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ccp-sidebar-status p{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px}
.ccp-status-ind{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.ccp-status-ind.active{color:#16a34a}.ccp-status-ind.inactive{color:#94a3b8}
.ccp-dot-sm{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.ccp-status-ind.active .ccp-dot-sm{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.ccp-status-ind.inactive .ccp-dot-sm{background:#cbd5e1}
/* Content */
.ccp-content{display:flex;flex-direction:column;gap:18px}
.ccp-tab{display:none}.ccp-tab.active{display:block}
/* Card */
.ccp-card{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.07);overflow:hidden}
.ccp-card-hd{padding:22px 26px 18px;border-bottom:1px solid #f1f5f9}
.ccp-card-hd h2{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 3px}
.ccp-card-hd p{font-size:13px;color:#94a3b8;margin:0}
.ccp-card-bd{padding:22px 26px;display:flex;flex-direction:column;gap:20px}
/* Field */
.ccp-field{display:flex;flex-direction:column;gap:7px}
.ccp-field label{font-size:13px;font-weight:600;color:#374151}
.ccp-req{color:#ef4444}
.ccp-hint{font-size:12px;color:#94a3b8;margin:0}
.ccp-field-toggle{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}
.ccp-field-info{display:flex;flex-direction:column;gap:2px}
.ccp-field-info label{margin:0}
.ccp-field-info span{font-size:12px;color:#94a3b8;font-weight:400}
/* Input */
.ccp-input,.ccp-textarea{width:100%;padding:9px 13px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:13px;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}
.ccp-input:focus,.ccp-textarea:focus{border-color:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.1)}
.ccp-input-sm{max-width:130px}
.ccp-textarea{resize:vertical;min-height:88px}
.ccp-input-grp{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:9px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ccp-input-grp:focus-within{border-color:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.1)}
.ccp-pfx{padding:9px 11px;background:#f8fafc;color:#64748b;font-size:13px;border-right:1.5px solid #e2e8f0;font-weight:600;white-space:nowrap}
.ccp-input-grp .ccp-input{border:none;border-radius:0;box-shadow:none}
/* Toggle */
.ccp-toggle{position:relative;display:inline-block;width:46px;height:25px;flex-shrink:0}
.ccp-toggle input{opacity:0;width:0;height:0}
.ccp-toggle-slider{position:absolute;inset:0;background:#e2e8f0;border-radius:25px;cursor:pointer;transition:background .2s}
.ccp-toggle-slider::before{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.ccp-toggle input:checked+.ccp-toggle-slider{background:#25D366}
.ccp-toggle input:checked+.ccp-toggle-slider::before{transform:translateX(21px)}
/* Radio cards */
.ccp-radio-grp{display:flex;gap:10px;flex-wrap:wrap}
.ccp-radio-card{cursor:pointer;flex:1;min-width:110px}
.ccp-radio-card input{display:none}
.ccp-rc{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border:2px solid #e2e8f0;border-radius:11px;text-align:center;transition:all .15s;background:#fff}
.ccp-rc strong{font-size:13px;color:#1e293b}.ccp-rc small{font-size:11px;color:#94a3b8}
.ccp-radio-card input:checked+.ccp-rc{border-color:#25D366;background:#f0fdf4;box-shadow:0 0 0 1px #25D366}
/* Color row */
.ccp-color-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* Icon shape picker */
.ccp-shape-picker{display:flex;gap:12px;flex-wrap:wrap}
.ccp-shape-opt{cursor:pointer}
.ccp-shape-opt input{display:none}
.ccp-shape-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border:2px solid #e2e8f0;border-radius:11px;transition:all .15s;min-width:80px;text-align:center}
.ccp-shape-opt.active .ccp-shape-preview,.ccp-shape-opt input:checked+.ccp-shape-preview{border-color:#25D366;background:#f0fdf4;box-shadow:0 0 0 1px #25D366}
.ccp-shape-lbl{font-size:11px;color:#64748b;font-weight:500}
/* Media field */
.ccp-media-field{display:flex;gap:8px;align-items:center}
.ccp-media-field .ccp-input{flex:1}
.ccp-avatar-prev{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;margin-top:6px}
/* Days picker */
.ccp-days{display:flex;gap:7px;flex-wrap:wrap}
.ccp-day{padding:7px 13px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;color:#64748b;background:#fff;transition:all .15s;user-select:none}
.ccp-day input{display:none}
.ccp-day:hover{border-color:#25D366;color:#25D366}
.ccp-day.active{background:#25D366;border-color:#25D366;color:#fff}
/* Time row */
.ccp-time-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* Language grid */
.ccp-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ccp-lang-card{cursor:pointer;display:block}
.ccp-lang-card input{display:none}
.ccp-lang-card>:last-child,.ccp-lang-card span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border:2px solid #e2e8f0;border-radius:11px;text-align:center;transition:all .15s;background:#fff}
.ccp-lang-card.active span,.ccp-lang-card.active>:not(input),.ccp-lang-card input:checked~span{border-color:#25D366!important;background:#f0fdf4!important;box-shadow:0 0 0 1px #25D366!important}
.ccp-lang-flag{font-size:13px;font-weight:800;color:#1e293b;background:#e2e8f0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.ccp-lang-name{font-size:12px;color:#64748b;font-weight:500}
.ccp-lang-card{display:flex;flex-direction:column}
.ccp-lang-card span.ccp-lang-flag+span.ccp-lang-name{margin-top:0}
/* Lang card fix */
.ccp-lang-card{cursor:pointer}
.ccp-lang-card input{display:none}
.ccp-lang-inner{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border:2px solid #e2e8f0;border-radius:11px;text-align:center;transition:all .15s;background:#fff}
.ccp-lang-card.active .ccp-lang-inner,.ccp-lang-card input:checked+.ccp-lang-inner{border-color:#25D366;background:#f0fdf4;box-shadow:0 0 0 1px #25D366}
/* Buttons */
.ccp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;text-decoration:none;transition:all .15s}
.ccp-btn-primary{background:linear-gradient(135deg,#075E54,#25D366);color:#fff;box-shadow:0 4px 12px rgba(37,211,102,.3)}
.ccp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,211,102,.4);color:#fff}
.ccp-btn-outline{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.ccp-btn-outline:hover{background:rgba(255,255,255,.25);color:#fff}
.ccp-btn-sec{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}
.ccp-btn-sec:hover{background:#e2e8f0}
.ccp-btn-danger{background:#fff;color:#ef4444;border:1.5px solid #fecaca}
.ccp-btn-danger:hover{background:#fef2f2;border-color:#ef4444}
/* Save bar */
.ccp-save-bar{background:#fff;border-radius:14px;padding:18px 24px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.07)}
/* Footer */
.ccp-admin-footer{text-align:center;padding:22px;color:#94a3b8;font-size:12px}
.ccp-admin-footer strong{color:#25D366}