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