@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";:root{--cp-primary: #1a73e8;--cp-primary-dark: #1565d8;--cp-primary-light: #dbeafe;--cp-accent: #ffc107;--cp-accent-light: #fff8e1;--cp-dark: #1e293b;--cp-dark-light: #334155;--cp-gray: #64748b;--cp-gray-light: #f1f5f9;--cp-white: #ffffff;--cp-success: #27ae60;--cp-warning: #f39c12;--cp-info: #3498db;--cp-danger: #e74c3c;--cp-body-bg: #f0f4f8;--cp-card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--cp-card-shadow-hover: 0 8px 25px rgba(26, 115, 232, .15);--cp-border-radius: 16px;--cp-transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f4f8!important;color:var(--cp-dark);margin:0;padding:0;overflow-x:hidden}body.cp-dark{background-color:#0f172a!important;color:#e2e8f0}.cp-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(135deg,#2196f3bf,#1f7ed3b3,#1c68b4ad,#194f90b8,#14366bcc),url(/assets/images/auth-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;position:relative;overflow:hidden}.cp-login-card{background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff1a;padding:44px 40px;width:100%;max-width:420px;animation:fadeInUp .5s ease-out;position:relative;z-index:1}.cp-login-logo{text-align:center;margin-bottom:32px}.cp-login-logo-img{height:64px;width:auto;margin-bottom:6px;background:#fff;border-radius:8px;padding:4px}.cp-login-logo h1{font-size:24px;font-weight:700;color:var(--cp-primary);margin:0 0 4px}.cp-login-logo p{color:var(--cp-gray);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin:0}.cp-login-step-title{font-size:18px;font-weight:600;color:var(--cp-dark);margin-bottom:20px;text-align:center}.cp-client-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.cp-client-logo{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.cp-client-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}.cp-client-details{display:flex;flex-direction:column;min-width:0}.cp-client-name{font-weight:600;font-size:16px;color:#475569}.cp-client-gstin{font-size:12px;color:#94a3b8;letter-spacing:.3px}.cp-login-input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:var(--cp-transition);outline:none;background:#f8fafc}.cp-login-input:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px var(--cp-primary-light);background:var(--cp-white)}.cp-login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1a73e8,#1557b0);color:var(--cp-white);border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--cp-transition);margin-top:16px;letter-spacing:.3px}.cp-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565d8,#0d47a1);transform:translateY(-1px);box-shadow:0 6px 16px #1a73e866}.cp-login-btn:disabled{opacity:.6;cursor:not-allowed}.cp-login-error{background:#fdecea;color:var(--cp-danger);padding:10px 14px;border-radius:8px;font-size:14px;margin-top:12px;text-align:center}.cp-login-info{background:#eaf6fd;color:var(--cp-info);padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center}.cp-masked-mobile{font-weight:600;font-size:16px;color:var(--cp-dark);text-align:center;margin-bottom:16px}.cp-resend-timer{text-align:center;font-size:13px;color:var(--cp-gray);margin-top:12px}.cp-resend-btn{background:none;border:none;color:var(--cp-primary);font-weight:600;cursor:pointer;font-size:13px;padding:0}.cp-resend-btn:hover{text-decoration:underline}.cp-tagline{position:relative;height:34px;margin-top:20px}.cp-tagline-bar{position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,#f93 33%,#d0d0d0 33%,#d0d0d0 66%,#138808 66%);border-radius:1px}.cp-tagline-items{position:relative;height:100%}.cp-tagline-item{position:absolute;left:0;right:0;top:0;padding-top:10px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#059669;font-weight:600;letter-spacing:.3px;opacity:0;transition:opacity 1s ease;text-decoration:none}.cp-tagline-item.active{opacity:1}a.cp-tagline-item:hover{color:#047857}.cp-otp-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.cp-otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:700;border:2px solid var(--cp-gray-light);border-radius:10px;outline:none;transition:var(--cp-transition)}.cp-otp-input:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px var(--cp-primary-light)}.cp-steps{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.cp-step-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:var(--cp-transition)}.cp-step-dot.active{background:var(--cp-accent);width:24px;border-radius:4px}.cp-navbar{background:var(--cp-white);box-shadow:0 2px 10px #0000000f;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:1000}.cp-navbar-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.cp-navbar-abc-logo{height:28px;flex-shrink:0}.cp-navbar-brand-text{display:flex;flex-direction:column;line-height:1.2}.cp-navbar-brand-name{font-size:15px;font-weight:700;color:#107ab0;letter-spacing:.2px;white-space:nowrap}.cp-navbar-brand-slogan{font-size:10px;color:var(--cp-gray);white-space:nowrap;font-weight:500}.cp-navbar-divider{width:1px;height:32px;background:#e2e8f0;margin:0 16px;flex-shrink:0}.cp-navbar-customer-logo{width:48px;height:48px;border-radius:50%;background:var(--cp-gray-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;border:2px solid #e2e8f0;transition:border-color .2s ease}.cp-navbar-customer-logo:hover{border-color:var(--cp-primary)}.cp-navbar-customer-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}.cp-navbar-customer-logo .cp-logo-edit-icon{width:18px;height:18px;bottom:-2px;right:-2px}.cp-navbar-logo-add{display:flex;align-items:center;justify-content:center;color:var(--cp-gray)}.cp-navbar-customer-detail{display:flex;flex-direction:column;line-height:1.3;min-width:0;margin-left:12px}.cp-navbar-customer-name{font-size:14px;font-weight:700;color:var(--cp-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.cp-navbar-customer-address{font-size:11px;color:var(--cp-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.cp-navbar-customer-gstin{font-size:10px;color:var(--cp-gray);font-weight:500;letter-spacing:.3px;white-space:nowrap}.cp-navbar-date{display:flex;align-items:center;gap:6px;background:var(--cp-primary-light);padding:4px 12px;border-radius:8px;flex-shrink:0}.cp-navbar-date-day{font-size:18px;font-weight:700;color:var(--cp-primary);line-height:1}.cp-navbar-date-month{font-size:11px;font-weight:600;color:var(--cp-primary);text-transform:uppercase;letter-spacing:.5px}.cp-navbar-right{display:flex;align-items:center;gap:16px}.cp-navbar-logout{padding:6px 16px;background:transparent;color:var(--cp-primary);border:1px solid var(--cp-primary);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--cp-transition)}.cp-navbar-logout:hover{background:var(--cp-primary);color:var(--cp-white)}.cp-layout{display:flex;margin-top:calc(108px + env(safe-area-inset-top,0px));min-height:calc(100vh - 108px - env(safe-area-inset-top,0px))}.cp-subnav{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:0;right:0;z-index:999;background:var(--cp-white);border-bottom:1px solid #e9ecef;box-shadow:0 1px 4px #0000000a}.cp-subnav-inner{display:flex;align-items:center;gap:4px;height:44px;padding:0 24px}.cp-subnav-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--cp-gray);text-decoration:none;transition:color .2s ease,background .2s ease;position:relative;white-space:nowrap}.cp-subnav-tab svg{width:16px;height:16px;flex-shrink:0}.cp-subnav-tab:hover{color:var(--cp-dark);background:var(--cp-gray-light);text-decoration:none}.cp-subnav-tab.active{color:var(--cp-primary);background:var(--cp-primary-light);font-weight:600}.cp-subnav-tab.active:after{content:"";position:absolute;bottom:-7px;left:12px;right:12px;height:2px;background:var(--cp-primary);border-radius:2px 2px 0 0;animation:subnav-indicator .2s ease-out}@keyframes subnav-indicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cp-shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:10px;font-weight:600;line-height:1;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 1px #0000000d}.cp-subnav-tab.active .cp-shortcut-key{color:var(--cp-primary);background:#1a73e814;border-color:#1a73e840}body.cp-dark .cp-shortcut-key{color:#64748b;background:#1e293b;border-color:#475569;box-shadow:0 1px #0003}body.cp-dark .cp-subnav-tab.active .cp-shortcut-key{color:#93c5fd;background:#1a73e826;border-color:#93c5fd40}.cp-main{flex:1;margin-left:0;padding:24px;min-width:0}.cp-page-title{font-size:22px;font-weight:700;color:var(--cp-dark);margin-bottom:24px}.cp-text-secondary{font-size:11px;color:var(--cp-gray);margin-top:2px}.cp-text-muted{color:var(--cp-gray)}.cp-text-placeholder{color:#aaa}.cp-text-record-count{font-size:13px;color:var(--cp-gray)}.cp-text-balance{color:#c0392b;font-weight:500}body.cp-dark .cp-text-placeholder{color:#64748b}body.cp-dark .cp-text-balance{color:#f87171}.cp-dashboard-header{background:linear-gradient(135deg,#1a73e8,#1565d8 60%,#0d47a1);border-radius:var(--cp-border-radius);padding:28px 32px;display:flex;align-items:center;gap:20px;margin-bottom:24px;box-shadow:0 4px 20px #1a73e84d;position:relative;overflow:hidden}.cp-dashboard-header:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%}.cp-dashboard-header-logo{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-dashboard-header-logo img{height:36px}.cp-dashboard-header-text{flex:1}.cp-dashboard-header-text h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}.cp-dashboard-header-text p{color:#ffffffbf;font-size:14px;margin:0}.cp-dashboard-header-address{font-size:12px!important;color:#ffffff8c!important;margin-top:4px!important}.cp-dashboard-header-date{text-align:right;color:#fff;flex-shrink:0;position:relative;z-index:1}.cp-dashboard-header-date .date-day{font-size:32px;font-weight:700;line-height:1}.cp-dashboard-header-date .date-month{font-size:13px;opacity:.8;margin-top:2px}.cp-dashboard-header-date .date-weekday{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:1px}.cp-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.cp-tile{background:var(--tile-color, var(--cp-primary));border-radius:10px;padding:18px 22px;transition:var(--cp-transition);position:relative;overflow:hidden;text-align:center}.cp-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.cp-tile.clickable{cursor:pointer}.tile-blue,.tile-primary{--tile-color: #1a73e8}.tile-cyan,.tile-info{--tile-color: #0e8a9e}.tile-purple{--tile-color: #7c3aed}.tile-amber,.tile-warning{--tile-color: #e67e22}.tile-green,.tile-success{--tile-color: #1e7e34}.tile-red,.tile-danger{--tile-color: #c0392b}.cp-tile-header{display:flex;flex-direction:column;align-items:center}.cp-tile-label{font-size:15px;font-weight:600;color:#ffffffe6;text-transform:none;letter-spacing:.3px;margin-bottom:8px}.cp-tile-value{font-size:36px;font-weight:700;color:#fff;line-height:1}.cp-tile-inline-icon{display:block;margin:0 auto 6px}.cp-tile-inline-icon svg{width:36px;height:36px}.cp-card{background:var(--cp-white);border-radius:var(--cp-border-radius);box-shadow:var(--cp-card-shadow);padding:20px;transition:var(--cp-transition);border-left:4px solid var(--cp-primary)}.cp-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.cp-card.clickable{cursor:pointer}.cp-card.color-primary{border-left-color:var(--cp-primary)}.cp-card.color-success{border-left-color:var(--cp-success)}.cp-card.color-warning{border-left-color:var(--cp-warning)}.cp-card.color-info{border-left-color:var(--cp-info)}.cp-card-title{font-size:13px;font-weight:500;color:var(--cp-gray);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.cp-card-value{font-size:28px;font-weight:700;color:var(--cp-dark);line-height:1}.cp-card-icon{float:right;font-size:32px;opacity:.3}.cp-table-wrapper{background:var(--cp-white);border-radius:var(--cp-border-radius);box-shadow:var(--cp-card-shadow);overflow:hidden}.cp-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:12px}.cp-table-search{padding:8px 18px;border:2px solid #e2e8f0;border-radius:50px;font-size:14px;width:280px;max-width:100%;outline:none;transition:var(--cp-transition);background:var(--cp-gray-light)}.cp-table-search:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px var(--cp-primary-light);background:var(--cp-white)}.cp-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#27ae60;color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--cp-transition);white-space:nowrap}.cp-export-btn:hover{background:#219a52;color:#fff;text-decoration:none}.cp-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#5e35b1;color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--cp-transition);white-space:nowrap}.cp-share-btn:hover{background:#4527a0;color:#fff}.cp-share-btn:disabled{opacity:.7;cursor:not-allowed}.cp-table{width:100%;border-collapse:collapse}.cp-table thead th{background:linear-gradient(135deg,#1a73e8,#1565d8);padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cp-table thead th:first-child{border-radius:0}.cp-table thead th:last-child{border-radius:0}.cp-table tbody td{padding:14px 16px;font-size:14px;border-bottom:1px solid #f1f3f5;vertical-align:middle}.cp-table tbody tr:hover{background:#1a73e80a}.cp-table tbody tr:nth-child(2n){background:#f1f5f980}.cp-table tbody tr:nth-child(2n):hover{background:#1a73e80a}.cp-table tbody tr:last-child td{border-bottom:none}.cp-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap;border:1px solid transparent}.cp-badge-booked{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#1e40af1f}.cp-badge-in-transit{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c;border-color:#c2410c1f}.cp-badge-manifest{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border-color:#7c3aed1f}.cp-badge-delivered{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#1665341f}.cp-badge-stock{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d;border-color:#be185d1f}.cp-badge-default{background:var(--cp-gray-light);color:var(--cp-gray);border-color:#64748b1f}.cp-cn-link{color:var(--cp-primary);text-decoration:none;font-weight:600}.cp-cn-link:hover{text-decoration:underline;color:var(--cp-primary-dark)}.cp-track-btn{padding:4px 10px;background:#0e8a9e0f;border:1px solid rgba(14,138,158,.2);border-radius:6px;color:#0e8a9e;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease;line-height:1}.cp-track-btn:hover{color:#06616f;background:#0e8a9e1f;border-color:#0e8a9e59;text-decoration:none;transform:translateY(-.5px)}.cp-track-btn:active{transform:translateY(0);background:#0e8a9e29}.cp-track-btn svg{flex-shrink:0}.cp-pod-btn{padding:5px 16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:var(--cp-transition)}.cp-pod-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.cp-pod-btn--sm{font-size:11px;padding:2px 10px}.cp-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:8px}.cp-pagination-info{font-size:13px;color:var(--cp-gray)}.cp-pagination-buttons{display:flex;gap:4px}.cp-pagination-btn{padding:6px 12px;border:1px solid #ddd;background:var(--cp-white);border-radius:4px;font-size:13px;cursor:pointer;transition:var(--cp-transition)}.cp-pagination-btn:hover:not(:disabled){background:var(--cp-gray-light)}.cp-pagination-btn.active{background:var(--cp-primary);color:var(--cp-white);border-color:var(--cp-primary)}.cp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cp-table tfoot td{padding:12px 16px;font-size:14px;font-weight:700;background:var(--cp-gray-light);color:var(--cp-dark)}.cp-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--cp-gray-light);border-radius:50px;width:fit-content}.cp-tab{padding:8px 20px;background:transparent;border:none;border-radius:50px;font-size:14px;font-weight:500;color:var(--cp-gray);cursor:pointer;transition:var(--cp-transition)}.cp-tab:hover{color:var(--cp-dark);background:#fff9}.cp-tab.active{background:linear-gradient(135deg,#1a73e8,#1565d8);color:#fff;font-weight:600;box-shadow:0 2px 8px #1a73e84d}.cp-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--cp-gray);font-size:14px;gap:10px}.cp-spinner{width:24px;height:24px;border:3px solid var(--cp-gray-light);border-top-color:var(--cp-primary);border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-empty{text-align:center;padding:60px 20px;color:var(--cp-gray)}.cp-empty-icon{margin-bottom:12px;opacity:.4;color:var(--cp-gray)}.cp-empty-icon svg{width:48px;height:48px}.cp-empty-text{font-size:15px}.cp-tracking-page{position:relative;width:100%;height:100vh;overflow:hidden}.cp-tracking-back{position:absolute;top:16px;left:16px;z-index:1000;padding:8px 16px;background:var(--cp-white);border:none;border-radius:8px;box-shadow:0 2px 10px #00000026;font-size:14px;font-weight:600;color:var(--cp-dark);cursor:pointer;transition:var(--cp-transition);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.cp-tracking-back:hover{background:var(--cp-gray-light);color:var(--cp-dark);text-decoration:none}.cp-tracking-info{position:absolute;top:16px;right:16px;z-index:1000;background:var(--cp-white);border-radius:10px;box-shadow:0 2px 16px #00000026;padding:16px;max-width:300px}.cp-tracking-info h4{margin:0 0 8px;font-size:16px;color:var(--cp-dark)}.cp-tracking-info p{margin:4px 0;font-size:13px;color:var(--cp-gray)}.cp-tracking-info .cp-badge{margin-top:8px}.cp-currency{font-variant-numeric:tabular-nums;white-space:nowrap}.cp-currency-symbol{font-size:.85em;margin-right:2px}.cp-amount-overdue{color:var(--cp-danger);font-weight:600}.cp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cp-collapsible-section{margin-bottom:24px;border:1px solid #e2e8f0;border-radius:var(--cp-border-radius);background:var(--cp-white);overflow:hidden}.cp-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:var(--cp-white);border:none;cursor:pointer;transition:background .2s ease;font-family:inherit}.cp-collapsible-header:hover{background:var(--cp-gray-light)}.cp-collapsible-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--cp-dark)}.cp-collapsible-title svg{color:var(--cp-primary);flex-shrink:0}.cp-collapsible-chevron{color:var(--cp-gray);transition:transform .3s ease;flex-shrink:0}.cp-collapsible-chevron.expanded{transform:rotate(180deg)}.cp-collapsible-section .cp-charts-row{margin-bottom:0;border-top:1px solid #e2e8f0;padding:16px}body.cp-dark .cp-collapsible-section{border-color:#334155}body.cp-dark .cp-collapsible-header:hover{background:#334155}body.cp-dark .cp-collapsible-section .cp-charts-row{border-top-color:#334155}.cp-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.cp-chart-container,.cp-sankey-container{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-radius:var(--cp-border-radius);padding:20px;box-shadow:0 4px 20px #1e40af40;position:relative;overflow:hidden}.cp-chart-container:after,.cp-sankey-container:after{content:"";position:absolute;top:-40%;right:-8%;width:200px;height:200px;background:#ffffff08;border-radius:50%;pointer-events:none}.cp-chart-header,.cp-sankey-header{margin-bottom:12px;position:relative;z-index:1}.cp-chart-title,.cp-sankey-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff}.cp-chart-title svg,.cp-sankey-title svg{flex-shrink:0}.cp-chart-subtitle,.cp-sankey-subtitle{font-size:12px;color:#ffffff80;margin-top:3px;padding-left:28px}.cp-chart-body,.cp-sankey-chart{min-height:340px;position:relative;z-index:1}.cp-chart-loading,.cp-sankey-loading{display:flex;align-items:center;justify-content:center;min-height:260px;color:#ffffffb3;font-size:14px;gap:10px}.cp-chart-loading .cp-spinner,.cp-sankey-loading .cp-spinner{border-color:#fff3;border-top-color:#fff}.cp-chart-empty,.cp-sankey-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:#ffffff80;font-size:14px}.cp-sankey-legend{display:flex;align-items:center;gap:20px;justify-content:center;margin-top:8px;position:relative;z-index:1}.cp-sankey-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffa6;font-weight:500}.cp-sankey-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cp-logo-wrapper{position:relative;cursor:pointer}.cp-logo-empty{border:2px dashed rgba(255,255,255,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:80px;transition:border-color .2s ease,background .2s ease}.cp-logo-empty:hover{border-color:#fffc;background:#ffffff1a}.cp-logo-add-prompt{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffffb3;transition:color .2s ease}.cp-logo-empty:hover .cp-logo-add-prompt{color:#fffffff2}.cp-logo-add-prompt span{font-size:11px;font-weight:600;letter-spacing:.3px}.cp-logo-edit-icon{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cp-primary);opacity:0;transform:scale(.8);transition:all .2s ease;box-shadow:0 2px 6px #0003}.cp-logo-wrapper:hover .cp-logo-edit-icon{opacity:1;transform:scale(1)}.cp-logo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease-out}.cp-logo-modal{background:var(--cp-white, #fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;margin:16px;animation:fadeInUp .2s ease-out}.cp-logo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e9ecef}.cp-logo-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--cp-dark, #1e293b)}.cp-logo-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--cp-gray, #64748b);line-height:1;padding:0 4px}.cp-logo-modal-close:hover{color:var(--cp-dark, #1e293b)}.cp-logo-modal-body{padding:24px}.cp-logo-modal-preview{width:80px;height:80px;margin:0 auto 20px;border-radius:14px;background:var(--cp-gray-light, #f1f5f9);display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-logo-modal-preview img{max-width:64px;max-height:64px;object-fit:contain}.cp-logo-modal-form label{display:block;font-size:13px;font-weight:600;color:var(--cp-gray, #64748b);margin-bottom:8px}.cp-logo-modal-input-row{display:flex;gap:8px;align-items:stretch}.cp-logo-remove-btn{display:block;width:100%;margin-top:16px;padding:8px;background:transparent;border:1px solid var(--cp-danger, #e74c3c);color:var(--cp-danger, #e74c3c);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--cp-transition)}.cp-logo-remove-btn:hover:not(:disabled){background:var(--cp-danger, #e74c3c);color:#fff}.cp-logo-remove-btn:disabled{opacity:.5;cursor:not-allowed}body.cp-dark{--cp-body-bg: #0f172a;--cp-white: #1e293b;--cp-dark: #e2e8f0;--cp-dark-light: #cbd5e1;--cp-gray: #94a3b8;--cp-gray-light: #334155;--cp-primary-light: rgba(26, 115, 232, .2);--cp-card-shadow: 0 2px 12px rgba(0, 0, 0, .3);--cp-card-shadow-hover: 0 8px 25px rgba(26, 115, 232, .2)}body.cp-dark .cp-subnav{border-bottom-color:#334155;box-shadow:0 1px 4px #0003}body.cp-dark .cp-subnav-tab:hover{color:#e2e8f0;background:#334155}body.cp-dark .cp-subnav-tab.active{color:#93c5fd;background:#1a73e833}body.cp-dark .cp-table-header,body.cp-dark .cp-pagination{border-color:#334155}body.cp-dark .cp-table tbody td{border-bottom-color:#334155}body.cp-dark .cp-pagination-btn{border-color:#475569;background:var(--cp-white);color:var(--cp-dark)}body.cp-dark .cp-pagination-btn:hover:not(:disabled){background:#475569}body.cp-dark .cp-pagination-btn.active{background:var(--cp-primary);color:#fff;border-color:var(--cp-primary)}body.cp-dark .cp-table tbody tr:nth-child(2n){background:#33415566}body.cp-dark .cp-table tbody tr:hover{background:#1a73e81a}body.cp-dark .cp-login-input,body.cp-dark .cp-table-search{background:#1e293b;border-color:#475569;color:#e2e8f0}body.cp-dark .cp-login-input:focus,body.cp-dark .cp-table-search:focus{background:#0f172a}body.cp-dark .cp-otp-input{background:#1e293b;border-color:#475569;color:#e2e8f0}body.cp-dark .cp-login-card{background:#1e293bf7;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d}body.cp-dark .cp-login-error{background:#e74c3c26}body.cp-dark .cp-login-info{background:#3498db26}body.cp-dark .cp-client-logo{border-color:#475569}body.cp-dark .cp-client-name{color:#cbd5e1}body.cp-dark .cp-client-gstin{color:#64748b}body.cp-dark .cp-step-dot{background:#475569}body.cp-dark .cp-badge-booked{background:#1a73e833;color:#93c5fd;border-color:#93c5fd26}body.cp-dark .cp-badge-in-transit{background:#f9731633;color:#fdba74;border-color:#fdba7426}body.cp-dark .cp-badge-manifest{background:#7c3aed33;color:#c4b5fd;border-color:#c4b5fd26}body.cp-dark .cp-badge-delivered{background:#16a34a33;color:#86efac;border-color:#86efac26}body.cp-dark .cp-badge-stock{background:#ec489933;color:#f9a8d4;border-color:#f9a8d426}body.cp-dark .cp-badge-default{background:#334155;color:#94a3b8;border-color:#94a3b826}body.cp-dark .cp-track-btn{color:#5eead4;background:#5eead414;border-color:#5eead433}body.cp-dark .cp-track-btn:hover{color:#99f6e4;background:#5eead426;border-color:#5eead459}body.cp-dark .cp-mobile-card{background:var(--cp-white)!important;border-color:var(--cp-gray-light)!important}body.cp-dark .cp-mobile-card-total{background:var(--cp-gray-light)}body.cp-dark .cp-mobile-card-header .cp-text-secondary{color:var(--cp-gray)}body.cp-dark .cp-mobile-card-route{color:var(--cp-dark-light);border-bottom-color:var(--cp-gray-light)}body.cp-dark .cp-mobile-card-route svg{color:var(--cp-gray)}body.cp-dark .cp-mobile-card-detail-label{color:var(--cp-gray)}body.cp-dark .cp-mobile-card-detail-value{color:var(--cp-dark)}body.cp-dark .cp-mobile-card-extras{color:var(--cp-gray)}body.cp-dark .cp-mobile-card-actions{border-top-color:var(--cp-gray-light)}body.cp-dark .cp-tab:hover{background:#ffffff14}body.cp-dark .cp-navbar{box-shadow:0 2px 10px #0000004d}body.cp-dark .cp-navbar-logout{color:#93c5fd;border-color:#93c5fd}body.cp-dark .cp-navbar-logout:hover{background:var(--cp-primary);color:#fff;border-color:var(--cp-primary)}body.cp-dark [style*="color: #888"],body.cp-dark [style*="color: #aaa"],body.cp-dark [style*="color: #999"],body.cp-dark [style*="color: #666"],body.cp-dark [style*="color: #555"],body.cp-dark [style*="color: #7f8c8d"]{color:#94a3b8!important}body.cp-dark .cp-card:hover{box-shadow:0 4px 20px #0000004d}body.cp-dark .cp-table tfoot td{background:#334155}body.cp-dark .cp-tracking-info{box-shadow:0 2px 16px #0006}body.cp-dark .cp-tracking-back{box-shadow:0 2px 10px #0000004d}body.cp-dark .cp-logo-modal{background:#1e293b;box-shadow:0 20px 60px #00000080}body.cp-dark .cp-logo-modal-header{border-bottom-color:#334155}body.cp-dark .cp-logo-modal-header h3{color:#e2e8f0}body.cp-dark .cp-logo-modal-close{color:#94a3b8}body.cp-dark .cp-logo-modal-close:hover{color:#e2e8f0}body.cp-dark .cp-logo-modal-preview{background:#334155}body.cp-dark .cp-logo-modal-form label{color:#94a3b8}body.cp-dark .cp-logo-edit-icon{background:#1e293bf2;color:#93c5fd}body.cp-dark .cp-pod-modal{background:#1e293b;box-shadow:0 8px 30px #00000080}body.cp-dark .cp-pod-modal-header{border-bottom-color:#334155}body.cp-dark .cp-pod-modal-header h3{color:#e2e8f0}body.cp-dark .cp-pod-close{color:#94a3b8}body.cp-dark .cp-pod-close:hover{color:#e2e8f0}body.cp-dark .cp-pod-attachment{border-color:#334155}body.cp-dark .cp-pod-attachment:hover{box-shadow:0 2px 8px #0000004d}body.cp-dark .cp-pod-file-name{color:#94a3b8}.cp-crm-wrapper{position:relative}.cp-crm-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--cp-transition);white-space:nowrap}.cp-crm-btn:hover{background:linear-gradient(135deg,#219a52,#1e8449);transform:translateY(-1px);box-shadow:0 4px 12px #27ae6059}.cp-crm-btn svg{width:16px;height:16px;flex-shrink:0}.cp-crm-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--cp-white);border-radius:10px;box-shadow:0 8px 30px #00000026;padding:16px;min-width:220px;z-index:1100;animation:fadeIn .15s ease-out}.cp-crm-dropdown-arrow{position:absolute;top:-6px;right:16px;width:12px;height:12px;background:var(--cp-white);transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.cp-crm-dropdown-name{font-size:14px;font-weight:600;color:var(--cp-dark);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--cp-gray-light)}.cp-crm-dropdown-actions{display:flex;gap:8px}.cp-crm-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:var(--cp-transition);cursor:pointer}.cp-crm-action svg{width:16px;height:16px;flex-shrink:0}.cp-crm-action-call{background:#eef2ff;color:#4338ca}.cp-crm-action-call:hover{background:#4338ca;color:#fff;text-decoration:none}.cp-crm-action-whatsapp{background:#ecfdf5;color:#16a34a}.cp-crm-action-whatsapp:hover{background:#16a34a;color:#fff;text-decoration:none}body.cp-dark .cp-crm-dropdown{box-shadow:0 8px 30px #0006}body.cp-dark .cp-crm-dropdown-arrow{background:var(--cp-white);box-shadow:-2px -2px 4px #0003}body.cp-dark .cp-crm-dropdown-name{border-bottom-color:#475569}body.cp-dark .cp-crm-action-call{background:#4338ca26;color:#a5b4fc}body.cp-dark .cp-crm-action-call:hover{background:#4338ca;color:#fff}body.cp-dark .cp-crm-action-whatsapp{background:#16a34a26;color:#86efac}body.cp-dark .cp-crm-action-whatsapp:hover{background:#16a34a;color:#fff}.cp-wa-prefs-wrapper{position:relative}.cp-wa-prefs-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.cp-wa-prefs-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.cp-wa-prefs-btn svg{width:16px;height:16px;flex-shrink:0}.cp-wa-prefs-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--cp-white);border-radius:10px;box-shadow:0 8px 30px #0000001f;padding:16px;z-index:1000;min-width:240px}.cp-wa-prefs-dropdown-arrow{position:absolute;top:-6px;right:16px;width:12px;height:12px;background:var(--cp-white);transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.cp-wa-prefs-title{font-size:14px;font-weight:600;color:var(--cp-dark);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.cp-wa-prefs-list{display:flex;flex-direction:column;gap:10px}.cp-wa-prefs-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:6px 0}.cp-wa-prefs-label{font-size:13px;color:var(--cp-dark);font-weight:500}.cp-wa-toggle{width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;transition:background .2s;flex-shrink:0}.cp-wa-toggle.active{background:#22c55e}.cp-wa-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.cp-wa-toggle.active .cp-wa-toggle-knob{transform:translate(18px)}.cp-wa-prefs-saving{font-size:11px;color:#94a3b8;text-align:center;margin-top:8px}body.cp-dark .cp-wa-prefs-dropdown{box-shadow:0 8px 30px #0006}body.cp-dark .cp-wa-prefs-dropdown-arrow{background:var(--cp-white);box-shadow:-2px -2px 4px #0003}body.cp-dark .cp-wa-prefs-title{border-bottom-color:#475569}body.cp-dark .cp-wa-toggle{background:#475569}body.cp-dark .cp-wa-toggle.active{background:#22c55e}.cp-theme-toggle{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s;color:var(--cp-gray)}.cp-theme-toggle:hover{background:var(--cp-gray-light);color:var(--cp-dark)}.cp-theme-toggle svg{width:20px;height:20px;transition:transform .3s ease,opacity .3s ease}.cp-tutorial-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--cp-transition);white-space:nowrap}.cp-tutorial-btn:hover{background:linear-gradient(135deg,#1565d8,#0d47a1);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e859}.cp-tutorial-btn svg{width:16px;height:16px;flex-shrink:0}.cp-video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease-out}.cp-video-modal{background:var(--cp-white, #fff);border-radius:16px;box-shadow:0 20px 60px #0006;width:95%;max-width:1200px;margin:16px;animation:fadeInUp .2s ease-out;overflow:hidden}.cp-video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e9ecef}.cp-video-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--cp-dark, #1e293b)}.cp-video-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--cp-gray, #64748b);line-height:1;padding:0 4px}.cp-video-modal-close:hover{color:var(--cp-dark, #1e293b)}.cp-video-modal-body{padding:0}.cp-video-player{width:100%;max-height:85vh;display:block;background:#000}body.cp-dark .cp-video-modal{background:#1e293b;box-shadow:0 20px 60px #0009}body.cp-dark .cp-video-modal-header{border-bottom-color:#334155}body.cp-dark .cp-video-modal-header h3{color:#e2e8f0}body.cp-dark .cp-video-modal-close{color:#94a3b8}body.cp-dark .cp-video-modal-close:hover{color:#e2e8f0}@media(min-width:769px)and (max-width:1024px){.cp-navbar{padding:0 16px}.cp-navbar-brand-text{display:none}.cp-navbar-divider{margin:0 10px}.cp-navbar-customer-address,.cp-navbar-customer-gstin{display:none}.cp-navbar-customer-name{max-width:180px;font-size:13px}.cp-navbar-right{gap:10px}.cp-crm-btn-label,.cp-wa-prefs-btn-label{display:none}.cp-wa-prefs-btn{padding:6px 8px}.cp-tutorial-btn-label{display:none}.cp-subnav-tab{padding:5px 12px;font-size:13px}.cp-shortcut-key{display:none}.cp-main{padding:20px}.cp-cards-grid{grid-template-columns:repeat(3,1fr);gap:14px}.cp-tile{padding:14px 16px}.cp-tile-value{font-size:28px}.cp-charts-row{grid-template-columns:1fr}.cp-chart-container,.cp-sankey-container{padding:16px}.cp-table thead th{padding:10px;font-size:11px}.cp-table tbody td{padding:10px;font-size:13px}.cp-table-search{width:220px}.cp-dashboard-header-text h1{font-size:20px}}@media(max-width:768px){.cp-subnav-inner{padding:0 12px;gap:2px}.cp-subnav-tab{padding:5px 10px;font-size:12px;gap:4px}.cp-subnav-tab svg{width:14px;height:14px}.cp-navbar{padding:0 12px}.cp-navbar-brand,.cp-navbar-divider{display:none}.cp-navbar-right{gap:8px}.cp-navbar-customer-address,.cp-navbar-customer-gstin,.cp-navbar-date{display:none}.cp-navbar-customer-name{max-width:120px}.cp-crm-btn-label{display:none}.cp-crm-btn{padding:6px 8px}.cp-wa-prefs-btn-label{display:none}.cp-wa-prefs-btn{padding:6px 8px}.cp-wa-prefs-dropdown{right:-40px}.cp-tutorial-btn-label{display:none}.cp-tutorial-btn{padding:6px 8px}.cp-shortcut-key{display:none}.cp-crm-dropdown{right:-40px}.cp-main{padding:16px}.cp-page-title{font-size:18px;margin-bottom:16px}.cp-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cp-tile{padding:14px 16px}.cp-tile-value{font-size:24px}.cp-dashboard-header{flex-direction:column;align-items:flex-start;padding:20px;gap:12px}.cp-dashboard-header-date{text-align:left}.cp-dashboard-header-text h1{font-size:18px}.cp-table-header{flex-direction:column;align-items:stretch}.cp-table-search{width:100%}.cp-tabs-row{flex-direction:column;align-items:stretch}.cp-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;width:auto}.cp-tab{white-space:nowrap;padding:7px 14px;font-size:13px}.cp-create-booking-btn{align-self:flex-start}.cp-pagination{flex-direction:column;align-items:center}.cp-collapsible-header{padding:12px 16px}.cp-collapsible-title{font-size:14px}.cp-collapsible-section .cp-charts-row{padding:12px}.cp-charts-row{grid-template-columns:1fr}.cp-chart-container,.cp-sankey-container{padding:16px}.cp-chart-body,.cp-sankey-chart{min-height:280px}.cp-chart-title,.cp-sankey-title{font-size:14px}.cp-login-card{padding:32px 24px;border-radius:16px}.cp-login-logo-img{height:52px}.cp-otp-input{width:42px;height:48px;font-size:20px}.cp-tracking-info{right:8px;top:8px;max-width:260px;padding:12px}}@media(max-width:480px){.cp-subnav-inner{padding:0 8px}.cp-subnav-tab{padding:4px 8px;font-size:11px}.cp-subnav-tab svg{width:13px;height:13px}.cp-cards-grid{grid-template-columns:1fr}.cp-dashboard-header-text h1{font-size:16px}.cp-dashboard-header-text p{font-size:12px}.cp-otp-container{gap:6px}.cp-otp-input{width:38px;height:44px;font-size:18px}}.cp-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.cp-tabs-row .cp-tabs{margin-bottom:0}.cp-create-booking-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--cp-transition);white-space:nowrap}.cp-create-booking-btn:hover{background:linear-gradient(135deg,#219a52,#1e8449);transform:translateY(-1px);box-shadow:0 4px 12px #27ae6059}.cp-create-booking-btn svg{flex-shrink:0}.cp-coming-soon-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fff8e1;border:1px solid #ffe082;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:500;color:#b8860b;animation:fadeIn .2s ease-out}.cp-coming-soon-dismiss{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:#b8860b;padding:0 4px;opacity:.7;transition:opacity .2s}.cp-coming-soon-dismiss:hover{opacity:1}body.cp-dark .cp-coming-soon-banner{background:#ffc1071f;border-color:#ffc10740;color:#ffd54f}body.cp-dark .cp-coming-soon-dismiss{color:#ffd54f}.cp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cp-empty-state-icon{width:64px;height:64px;color:var(--cp-success);margin-bottom:16px}.cp-empty-state-title{font-size:20px;font-weight:600;color:var(--cp-dark);margin:0 0 8px}.cp-empty-state-text{font-size:14px;color:var(--cp-gray);margin:0}.cp-contact-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1a73e8;white-space:nowrap}.cp-contact-hi{font-weight:400;color:#64748b}.cp-contact-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--cp-gray);cursor:pointer;border-radius:4px;transition:var(--cp-transition);flex-shrink:0}.cp-contact-edit-btn:hover{background:var(--cp-gray-light);color:var(--cp-primary)}.cp-contact-save-btn{color:var(--cp-success)}.cp-contact-save-btn:hover{background:#e8f5e9;color:var(--cp-success)}.cp-contact-edit-input{width:120px;padding:3px 8px;font-size:13px;border:1px solid var(--cp-primary);border-radius:4px;outline:none;font-family:inherit;color:var(--cp-dark);background:var(--cp-white)}.cp-contact-edit-input:focus{box-shadow:0 0 0 2px #1a73e833}body.cp-dark .cp-contact-name{color:#60a5fa}body.cp-dark .cp-contact-hi,body.cp-dark .cp-contact-edit-btn{color:#94a3b8}body.cp-dark .cp-contact-edit-btn:hover{background:#334155;color:#93c5fd}body.cp-dark .cp-contact-save-btn:hover{background:#1a3a2a;color:#4ade80}body.cp-dark .cp-contact-edit-input{background:#1e293b;border-color:#93c5fd;color:#e2e8f0}body.cp-dark .cp-contact-edit-input:focus{box-shadow:0 0 0 2px #93c5fd33}