.spliff-cc-wrap,.spliff-cc-dashboard-wrap{--spliff-blue:#5A8BFF;--spliff-blue-hover:#4A7AEE;--spliff-blue-light:#EBF1FF;--spliff-blue-glow:rgba(90,139,255,0.35);--spliff-dark:#1B1B1B;--spliff-bg:#F9F9F9;--spliff-white:#FFFFFF;--spliff-success:#34C759;--spliff-success-bg:rgba(52,199,89,0.1);--spliff-warning:#FF6B35;--spliff-warning-bg:rgba(255,107,53,0.08);--spliff-danger:#E53935;--spliff-danger-bg:rgba(229,57,53,0.08);--spliff-violet:#7C3AED;--spliff-amber:#F59E0B;--spliff-gray-50:#F9F9F9;--spliff-gray-100:#F3F3F3;--spliff-gray-200:#E8E8E8;--spliff-gray-300:#D1D1D1;--spliff-gray-400:#9A9A9A;--spliff-gray-500:#6B6B6B;--spliff-gray-600:#4A4A4A;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(27,27,27,0.06);--shadow-md:0 4px 16px rgba(27,27,27,0.08);--shadow-lg:0 8px 32px rgba(27,27,27,0.10);--shadow-xl:0 16px 48px rgba(27,27,27,0.12);--shadow-glow:0 4px 16px rgba(90,139,255,0.35);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--font-display:'Syne',sans-serif;--font-body:'Instrument Sans',sans-serif;--font-data:'Space Grotesk',sans-serif}.spliff-cc-wrap,.spliff-cc-dashboard-wrap{font-family:var(--font-body);color:var(--spliff-dark);background:var(--spliff-bg);padding:24px;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spliff-cc-wrap *,.spliff-cc-dashboard-wrap *{box-sizing:border-box}.spliff-cc-wrap h1,.spliff-cc-dashboard-wrap h1{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-1px;color:var(--spliff-dark);margin:0 0 8px 0;line-height:1.2}.spliff-cc-wrap h2,.spliff-cc-dashboard-wrap h2{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-0.5px;color:var(--spliff-dark);margin:0 0 12px 0;line-height:1.35}.spliff-cc-wrap h3,.spliff-cc-dashboard-wrap h3{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--spliff-dark);margin:0 0 8px 0}.spliff-cc-wrap p.description,.spliff-cc-dashboard-wrap p.description{font-size:12px;color:var(--spliff-gray-400);margin-top:6px}.spliff-cc-stats{margin-top:16px;margin-bottom:24px;padding:20px;background:var(--spliff-white);border:1px solid var(--spliff-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spliff-cc-stats h2{font-size:16px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.spliff-cc-stats h2::before{content:'📊';font-size:18px}.spliff-cc-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spliff-cc-stat-card{background:var(--spliff-bg);border-radius:var(--radius-md);border:1px solid var(--spliff-gray-200);padding:14px 16px;transition:var(--transition)}.spliff-cc-stat-card:hover{border-color:rgba(90,139,255,0.2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spliff-cc-stat-label{font-size:12px;font-weight:500;color:var(--spliff-gray-500);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:4px}.spliff-cc-stat-value{font-family:var(--font-data);font-size:22px;font-weight:700;color:var(--spliff-dark);line-height:1.2}.spliff-cc-stat-sub{display:block;font-family:var(--font-data);font-size:13px;font-weight:400;color:var(--spliff-blue);margin-top:2px}.spliff-cc-layout{display:flex;gap:24px;margin-top:24px}.spliff-cc-column{background:var(--spliff-white);border:1px solid var(--spliff-gray-200);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spliff-cc-column-left{width:35%;min-width:320px}.spliff-cc-column-right{width:65%}.spliff-cc-block{margin-bottom:24px}.spliff-cc-label{display:block;font-weight:600;font-size:13px;color:var(--spliff-gray-600);margin-bottom:6px}#spliff-cc-product-search,#spliff-cc-customer-search{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--spliff-dark);background:var(--spliff-bg);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-md);transition:var(--transition);outline:none}#spliff-cc-product-search:focus,#spliff-cc-customer-search:focus{border-color:var(--spliff-blue);background:var(--spliff-white);box-shadow:0 0 0 3px rgba(90,139,255,0.12)}#spliff-cc-product-search::placeholder,#spliff-cc-customer-search::placeholder{color:var(--spliff-gray-400)}.spliff-cc-product-results{margin-top:12px;max-height:460px;overflow-y:auto;border:1px solid var(--spliff-gray-200);background:var(--spliff-white);border-radius:var(--radius-md)}.spliff-cc-product-results::-webkit-scrollbar{width:6px}.spliff-cc-product-results::-webkit-scrollbar-track{background:transparent}.spliff-cc-product-results::-webkit-scrollbar-thumb{background:var(--spliff-gray-300);border-radius:var(--radius-full)}.spliff-cc-product-row{padding:10px 14px;border-bottom:1px solid var(--spliff-gray-100);cursor:pointer;font-size:13px;color:var(--spliff-gray-600);transition:var(--transition);display:flex;align-items:center;gap:12px}.spliff-cc-product-row:last-child{border-bottom:none}.spliff-cc-product-row:hover{background:var(--spliff-blue-light);color:var(--spliff-dark)}.spliff-cc-product-thumb{width:48px;height:48px;min-width:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--spliff-gray-100);border:1px solid var(--spliff-gray-200)}.spliff-cc-product-thumb-empty{display:flex;align-items:center;justify-content:center;background:var(--spliff-gray-100)}.spliff-cc-product-thumb-empty::after{content:'📦';font-size:20px;opacity:0.4}.spliff-cc-product-info{flex:1;min-width:0}.spliff-cc-product-info strong{display:block;font-size:13px;font-weight:600;color:var(--spliff-dark);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spliff-cc-product-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.spliff-cc-product-sku{color:var(--spliff-gray-400);font-size:11px}.spliff-cc-product-price{font-family:var(--font-data);font-weight:700;color:var(--spliff-dark)}.spliff-cc-product-cost{font-family:var(--font-data);font-weight:400;color:var(--spliff-gray-400)}.spliff-cc-product-loading{display:flex;justify-content:center;color:var(--spliff-gray-400);font-style:italic}.spliff-cc-product-row strong{display:block;font-size:13px;font-weight:600;color:var(--spliff-dark);margin-bottom:2px}.spliff-cc-lines-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--spliff-gray-200);border-radius:var(--radius-md);overflow:hidden}.spliff-cc-lines-table thead{background:var(--spliff-dark)}.spliff-cc-lines-table th{padding:10px 8px;font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--spliff-white);text-transform:uppercase;letter-spacing:0.5px;text-align:left;border:none}.spliff-cc-lines-table td{padding:10px 8px;font-size:13px;color:var(--spliff-dark);border-bottom:1px solid var(--spliff-gray-100);vertical-align:middle;text-align:left}.spliff-cc-lines-table tbody tr{transition:var(--transition)}.spliff-cc-lines-table tbody tr:hover{background:var(--spliff-blue-light)}.spliff-cc-lines-table tbody tr:last-child td{border-bottom:none}.spliff-cc-qty-control{display:flex;align-items:center;gap:4px}.spliff-cc-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--spliff-gray-200);background:var(--spliff-white);cursor:pointer;font-size:14px;font-weight:600;color:var(--spliff-dark);transition:var(--transition);line-height:1}.spliff-cc-qty-btn:hover{border-color:var(--spliff-blue);background:var(--spliff-blue-light);color:var(--spliff-blue)}.spliff-cc-qty-control input[type="number"]{width:48px;text-align:center;font-family:var(--font-data);font-size:13px;font-weight:700;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-sm);padding:4px;background:var(--spliff-white);-moz-appearance:textfield}.spliff-cc-qty-control input[type="number"]::-webkit-outer-spin-button,.spliff-cc-qty-control input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spliff-cc-lines-table input[type="number"]{font-family:var(--font-data);font-size:12px;font-weight:500;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-sm);padding:4px 6px;width:64px;background:var(--spliff-white);transition:var(--transition);-moz-appearance:textfield}.spliff-cc-lines-table input[type="number"]:focus{border-color:var(--spliff-blue);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-remove-line{color:var(--spliff-danger);cursor:pointer;font-weight:700;font-size:14px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.spliff-cc-remove-line:hover{background:var(--spliff-danger-bg)}.spliff-cc-line-missing-cost{background:rgba(255,107,53,0.04) !important}.spliff-cc-missing-cost{color:var(--spliff-warning);font-weight:600;font-size:11px}.spliff-cc-totals{margin-top:16px;padding:16px 20px;background:var(--spliff-bg);border:1px solid var(--spliff-gray-200);border-radius:var(--radius-md)}.spliff-cc-total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.spliff-cc-total-line:last-child{margin-bottom:0;padding-top:8px;border-top:1px solid var(--spliff-gray-200);font-size:15px}.spliff-cc-total-line span{color:var(--spliff-gray-500);font-weight:500}.spliff-cc-total-line strong{font-family:var(--font-data);font-weight:700;color:var(--spliff-dark)}.spliff-cc-margin-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-data);font-size:13px;font-weight:700}.spliff-cc-margin-high{background:var(--spliff-success-bg);color:var(--spliff-success)}.spliff-cc-margin-mid{background:rgba(245,158,11,0.1);color:var(--spliff-amber)}.spliff-cc-margin-low{background:var(--spliff-danger-bg);color:var(--spliff-danger)}.spliff-cc-cost-warning{margin-top:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--spliff-warning-bg);color:var(--spliff-warning);font-size:12px;font-weight:500;border:1px solid rgba(255,107,53,0.15)}.spliff-cc-margin-warning{margin-top:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--spliff-danger-bg);color:var(--spliff-danger);font-size:13px;font-weight:600;border:1px solid rgba(229,57,53,0.15)}.spliff-cc-global-discount{margin-top:16px}.spliff-cc-global-discount label{display:block;font-weight:600;font-size:13px;color:var(--spliff-gray-600);margin-bottom:6px}.spliff-cc-global-discount input{width:120px;font-family:var(--font-data);font-size:14px;font-weight:700;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-md);padding:8px 12px;background:var(--spliff-white);transition:var(--transition)}.spliff-cc-global-discount input:focus{border-color:var(--spliff-blue);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-client-fullwidth{margin-top:24px;margin-bottom:24px}.spliff-cc-client-row{display:flex;gap:24px}.spliff-cc-client-row>.spliff-cc-client-section{flex:1;min-width:0;margin-bottom:0;padding-bottom:0;border-bottom:none}.spliff-cc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.spliff-cc-grid-3 label{display:block;font-size:12px;font-weight:500;color:var(--spliff-gray-500);margin-bottom:4px}.spliff-cc-grid-3 input{width:100%;font-family:var(--font-body);font-size:13px;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-sm);padding:8px 10px;background:var(--spliff-bg);transition:var(--transition)}.spliff-cc-grid-3 input:focus{border-color:var(--spliff-blue);background:var(--spliff-white);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-client-block .spliff-cc-client-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--spliff-gray-100)}.spliff-cc-client-block .spliff-cc-client-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.spliff-cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.spliff-cc-grid label{display:block;font-size:12px;font-weight:500;color:var(--spliff-gray-500);margin-bottom:4px}.spliff-cc-grid input{width:100%;font-family:var(--font-body);font-size:13px;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-sm);padding:8px 10px;background:var(--spliff-bg);transition:var(--transition)}.spliff-cc-grid input:focus{border-color:var(--spliff-blue);background:var(--spliff-white);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-customer-results{margin-top:10px;max-height:240px;overflow-y:auto;border:1px solid var(--spliff-gray-200);background:var(--spliff-white);border-radius:var(--radius-md);padding:4px}.spliff-cc-customer-row{border-bottom:1px solid var(--spliff-gray-100);padding:10px 8px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:var(--radius-sm);transition:var(--transition)}.spliff-cc-customer-row:last-child{border-bottom:none}.spliff-cc-customer-row:hover{background:var(--spliff-blue-light)}.spliff-cc-customer-row strong{font-weight:600;color:var(--spliff-dark)}.spliff-cc-found-customer{margin-top:10px;font-size:13px;color:var(--spliff-success);font-weight:500;padding:8px 12px;background:var(--spliff-success-bg);border-radius:var(--radius-sm)}.spliff-cc-found-customer:empty{display:none}.spliff-cc-client-section input[type="radio"]{accent-color:var(--spliff-blue);margin-right:6px}.spliff-cc-client-section label{font-size:13px;color:var(--spliff-gray-600);cursor:pointer;display:inline-flex;align-items:center;padding:4px 0}#spliff-cc-internal-note{width:100%;font-family:var(--font-body);font-size:13px;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-md);padding:10px 12px;background:var(--spliff-bg);resize:vertical;transition:var(--transition)}#spliff-cc-internal-note:focus{border-color:var(--spliff-blue);background:var(--spliff-white);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-actions{display:flex;align-items:center;gap:12px}#spliff-cc-create-order{font-family:var(--font-body) !important;font-size:15px !important;font-weight:700 !important;color:var(--spliff-white) !important;background:var(--spliff-blue) !important;border:none !important;border-radius:var(--radius-full) !important;padding:12px 32px !important;cursor:pointer;transition:var(--transition);box-shadow:none;text-shadow:none !important;line-height:1.4 !important;min-height:44px}#spliff-cc-create-order:hover{background:var(--spliff-blue-hover) !important;transform:translateY(-1px);box-shadow:var(--shadow-glow) !important}#spliff-cc-create-order:active{transform:translateY(0);box-shadow:none !important}#spliff-cc-create-order:disabled{opacity:0.6;cursor:not-allowed;transform:none !important;box-shadow:none !important}#spliff-cc-search-customer{font-family:var(--font-body) !important;font-size:13px !important;font-weight:600 !important;color:var(--spliff-gray-500) !important;background:transparent !important;border:1.5px solid var(--spliff-gray-200) !important;border-radius:var(--radius-full) !important;padding:8px 20px !important;cursor:pointer;transition:var(--transition);margin-top:8px;text-shadow:none !important;box-shadow:none !important}#spliff-cc-search-customer:hover{border-color:var(--spliff-blue) !important;color:var(--spliff-blue) !important;background:var(--spliff-blue-light) !important}.spliff-cc-customer-row .button,.spliff-cc-customer-row .button-small{font-family:var(--font-body) !important;font-size:12px !important;font-weight:600 !important;color:var(--spliff-blue) !important;background:var(--spliff-blue-light) !important;border:1px solid rgba(90,139,255,0.2) !important;border-radius:var(--radius-full) !important;padding:4px 14px !important;box-shadow:none !important;text-shadow:none !important;transition:var(--transition);cursor:pointer}.spliff-cc-customer-row .button:hover,.spliff-cc-customer-row .button-small:hover{background:var(--spliff-blue) !important;color:var(--spliff-white) !important}.spliff-cc-feedback{font-size:13px;font-weight:500}.spliff-cc-feedback-success{color:var(--spliff-success) !important}.spliff-cc-feedback-error{color:var(--spliff-danger) !important}.spliff-cc-feedback a{color:var(--spliff-blue);font-weight:600;text-decoration:none;transition:var(--transition)}.spliff-cc-feedback a:hover{color:var(--spliff-blue-hover);text-decoration:underline}.spliff-cc-dashboard-wrap h1{margin-bottom:16px}.spliff-cc-filters{margin-bottom:20px;padding:16px 20px;background:var(--spliff-white);border:1px solid var(--spliff-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spliff-cc-filters-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:flex-end}.spliff-cc-filters-grid label{display:block;font-size:12px;font-weight:500;color:var(--spliff-gray-500);margin-bottom:4px}.spliff-cc-filters-grid input,.spliff-cc-filters-grid select{width:100%;font-family:var(--font-body);font-size:13px;color:var(--spliff-dark);border:1.5px solid var(--spliff-gray-200);border-radius:var(--radius-sm);padding:8px 10px;background:var(--spliff-bg);transition:var(--transition)}.spliff-cc-filters-grid input:focus,.spliff-cc-filters-grid select:focus{border-color:var(--spliff-blue);outline:none;box-shadow:0 0 0 3px rgba(90,139,255,0.12)}.spliff-cc-filters-actions{text-align:right}.spliff-cc-filters-actions .button-primary{font-family:var(--font-body) !important;font-size:13px !important;font-weight:700 !important;color:var(--spliff-white) !important;background:var(--spliff-blue) !important;border:none !important;border-radius:var(--radius-full) !important;padding:8px 24px !important;box-shadow:none !important;text-shadow:none !important;transition:var(--transition);min-height:38px;cursor:pointer}.spliff-cc-filters-actions .button-primary:hover{background:var(--spliff-blue-hover) !important;transform:translateY(-1px);box-shadow:var(--shadow-glow) !important}.spliff-cc-dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.spliff-cc-kpi-card{background:var(--spliff-white);border-radius:var(--radius-md);border:1px solid var(--spliff-gray-200);padding:16px 20px;box-shadow:var(--shadow-sm);transition:var(--transition)}.spliff-cc-kpi-card:hover{border-color:rgba(90,139,255,0.2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spliff-cc-kpi-label{font-size:12px;font-weight:500;color:var(--spliff-gray-500);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:6px}.spliff-cc-kpi-value{font-family:var(--font-data);font-size:24px;font-weight:700;color:var(--spliff-dark);line-height:1.2}.spliff-cc-dashboard-section{margin-top:24px}.spliff-cc-dashboard-section h2{margin-bottom:12px}.spliff-cc-table{border-collapse:separate !important;border-spacing:0 !important;border:1px solid var(--spliff-gray-200) !important;border-radius:var(--radius-md) !important;overflow:hidden;background:var(--spliff-white) !important}.spliff-cc-table thead{background:var(--spliff-dark) !important}.spliff-cc-table th{font-family:var(--font-body) !important;font-size:11px !important;font-weight:600 !important;color:var(--spliff-white) !important;text-transform:uppercase;letter-spacing:0.5px;padding:10px 12px !important;border:none !important;background:transparent !important}.spliff-cc-table td{font-size:13px !important;color:var(--spliff-dark);padding:10px 12px !important;border-bottom:1px solid var(--spliff-gray-100) !important;border-top:none !important;border-left:none !important;border-right:none !important;background:transparent !important}.spliff-cc-table tbody tr{transition:var(--transition)}.spliff-cc-table tbody tr:hover{background:var(--spliff-blue-light) !important}.spliff-cc-table tbody tr:last-child td{border-bottom:none !important}.spliff-cc-table .button-small{font-family:var(--font-body) !important;font-size:12px !important;font-weight:600 !important;color:var(--spliff-blue) !important;background:var(--spliff-blue-light) !important;border:1px solid rgba(90,139,255,0.2) !important;border-radius:var(--radius-full) !important;padding:4px 14px !important;box-shadow:none !important;text-shadow:none !important;transition:var(--transition)}.spliff-cc-table .button-small:hover{background:var(--spliff-blue) !important;color:var(--spliff-white) !important}@media (max-width:1100px){.spliff-cc-layout{flex-direction:column}.spliff-cc-column-left,.spliff-cc-column-right{width:100%}.spliff-cc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spliff-cc-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.spliff-cc-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spliff-cc-client-row{flex-direction:column}.spliff-cc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.spliff-cc-wrap,.spliff-cc-dashboard-wrap{padding:16px}.spliff-cc-stats-grid,.spliff-cc-dashboard-kpis,.spliff-cc-filters-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.spliff-cc-grid{grid-template-columns:1fr}.spliff-cc-grid-3{grid-template-columns:1fr}.spliff-cc-lines-table{font-size:11px}.spliff-cc-lines-table th,.spliff-cc-lines-table td{padding:6px 4px}}