:root{--color-bg-primary: #243758;--color-white: #ffffff;--color-black: #000000}body{font-family:DM Sans,sans-serif}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000014}.status-queue-card{display:flex;align-content:center!important;justify-content:center}.stat-icon{width:44px;height:44px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon img{height:26px;-o-object-fit:contain;object-fit:contain}.project-label-outside{font-size:20px}.project-select-wrapper{display:flex;font-size:14px;flex-direction:column;gap:6px}.project-select-label{font-size:14px;font-weight:500;color:#6b7280}.project-dropdown--page .project-select{width:220px;height:35px;padding:0 14px;border-radius:12px;border:1px solid #243758;background-color:#fff;color:#243758;font-weight:500;transition:all .15s ease;text-decoration:none}.project-dropdown--page .project-select:hover,.project-dropdown--page.show .project-select{background-color:#f8f9fa}.project-dropdown--page .project-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-dropdown--page .bi-chevron-down{font-size:14px;color:#243758}.project-dropdown--page .dropdown-menu{width:220px;margin-top:6px;border-radius:12px;border:none;box-shadow:0 12px 30px #24375826}.project-dropdown--page .dropdown-item.active{background-color:#f8f9fa;color:#000}.sidebar-section-toggle{background:transparent;border:0;padding:0;text-align:left}.sidebar-chevron{transition:transform .2s ease}.sidebar-section-toggle[aria-expanded=true] .sidebar-chevron{transform:rotate(180deg)}.app-sidebar .border-top,.app-sidebar .border-bottom{border-color:#ffffff1f!important}.view-more-link{text-decoration:none;color:var(--color-bg-primary)}main,.main-content,.content-wrapper{min-width:0;overflow-x:hidden}.table-card{border:none}.table thead th{font-size:14px;padding:16px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--color-black);border-bottom:1px solid #e9ecef}.table tbody tr{transition:background-color .15s ease,box-shadow .15s ease}.table-hover tbody tr:hover{background-clip:padding-box}.table td{vertical-align:middle;font-size:16px;padding:16px}.table td:first-child{font-weight:500;color:#212529}.table td .text-primary{font-family:monospace;font-size:14px;color:#0d6efd!important;opacity:.85}.table td.text-muted{font-size:16px}.table td.text-end{white-space:nowrap}.table .btn{border-radius:8px;padding:8px 20px;font-size:14px}.table .btn+.btn{margin-left:4px}.table .btn-danger{background-color:#fff;color:#dc3545;border:1px solid #f1c0c4}.table .btn-outline-primary{border-color:#22c55e;color:#14532d}.table .btn-outline-primary:hover{background:#22c55e;border-color:#22c55e;color:#fff}.table .btn-outline-secondary{border-color:#243758;color:#243758}.table .btn-outline-secondary:hover{background:#243758;border-color:#243758;color:#fff}.table .btn-danger:hover{background-color:#dc3545;color:#fff}.table td[colspan]{font-size:.9rem;background:#fafafa}@media(max-width:768px){.table td.text-end{text-align:left!important}}.table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:16px;background:#f8fafc;border-top:1px solid #e5e7eb}.table-footer__left{font-size:.85rem;color:#64748b}.table-footer__center{justify-self:center}.table-footer__right{justify-self:end}.pagination{margin-bottom:0;gap:6px}.page-item .page-link{border:none!important;background:transparent;color:#334155;min-width:36px;text-align:center;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500}.page-item .page-link:hover{background:#e2e8f0;color:#1e293b}.page-item.active .page-link{background:var(--color-bg-primary);color:var(--color-white)}.page-item.disabled .page-link{color:#94a3b8;background:transparent;cursor:not-allowed}.form-select-sm{width:80px;border-radius:8px;font-size:.8rem;border-color:#e5e7eb}.api-badge{display:inline-block;padding:6px 12px;font-size:14px;font-weight:500;color:#212529;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:999px;line-height:1}.preview-wrap table{width:100%!important;table-layout:fixed}.btn-add{background-color:var(--color-bg-primary);color:var(--color-white);border:none;transition:background-color .15s ease,box-shadow .15s ease}.btn-add:hover{background-color:#1e2d47;color:var(--color-white);box-shadow:none;opacity:.9}.btn-add:active{background-color:var(--color-bg-primary)!important;color:var(--color-white)!important;box-shadow:none!important}.btn-add:focus,.btn-add:focus-visible{outline:none;box-shadow:none;background-color:var(--color-bg-primary);color:var(--color-white)}.back-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:44px;border-radius:10px;background-color:#f1f3f5;color:#212529;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}.back-icon i{font-size:20px}.back-icon:hover{background-color:#e9ecef;box-shadow:0 2px 6px #00000014;color:#212529}.auth-page{background-color:#f6f7f9}.auth-card{border-radius:14px;background:var(--color-white)}.auth-logo img{max-height:48px}.auth-card label{font-size:14px;font-weight:500;color:#374151}.auth-card .form-control{background-color:#eef3fb;border:1px solid #e3e8f0;border-radius:10px;padding:12px 14px;font-size:15px}.auth-card .form-control:focus{border-color:var(--color-bg-primary);box-shadow:0 0 0 .15rem #0000000d}.auth-card .form-check-label{font-size:14px;color:#6b7280}.auth-card .btn-auth{background-color:var(--color-bg-primary);border:none;border-radius:10px;padding:12px;font-weight:600;font-size:15px;color:var(--color-white)}.auth-card .btn-auth:active{background-color:var(--color-bg-primary);color:var(--color-white)}.auth-card .btn-auth:hover{opacity:.92}.auth-card a{color:var(--color-bg-primary);font-size:14px}.auth-card a:hover{text-decoration:underline}.auth-register{font-weight:600;margin-top:6px}.form-control:focus{border-color:var(--color-bg-primary);box-shadow:0 0 0 .15rem #0000000d}[x-cloak]{display:none!important}.upload-dropzone{border:2px dashed #c7cdd4;border-radius:1rem;padding:2.5rem;text-align:center;background-color:#fafbff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:pointer;min-height:220px;display:flex;align-items:center;justify-content:center}.upload-illustration svg{display:block;margin:0 auto}.upload-dropzone.is-dragging{border-color:#0d6efd;background-color:#f0f7ff;box-shadow:0 0 0 .25rem #0d6efd40}.upload-dropzone.has-file{justify-content:flex-start;text-align:left}#src-pill-list::-webkit-scrollbar,#sw-targets::-webkit-scrollbar{width:6px}.scroll-container{position:relative;flex-grow:1;overflow-y:auto;overscroll-behavior:contain;outline:none}.scroll-container:focus{outline:none;box-shadow:inset 0 0 0 2px #0d6efd59}.scroll-container:after{content:"";position:sticky;bottom:0;display:block;height:28px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:#00000040;border-radius:8px}.scroll-container::-webkit-scrollbar-thumb:hover{background:#0006}.scroll-container{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}[draggable=true]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapping-row .card{display:flex;flex-direction:column}.required-dot{color:#dc3545;font-weight:700}.mapping-table{max-height:60vh}.mapping-table__source{min-width:260px}.mapping-table__target{min-width:340px}.mapping-table__status{width:1%}#shopware-fields-card [data-mapping-panel]{min-height:460px}.custom-field-row{box-shadow:0 1px 2px #0f172a0f}.custom-field-row.custom-field-row--warning{border-color:#dc3545}@media(max-width:992px){.mapping-row{height:auto}.mapping-row .card{height:auto;max-height:none}.scroll-container{max-height:none;overflow-y:visible}#shopware-fields-card [data-mapping-panel]{min-height:auto}}@media(min-width:768px){.app-sidebar{width:240px}.app-content{margin-left:240px}.sidebar-collapsed .app-sidebar{width:72px}.sidebar-collapsed .app-content{margin-left:72px}.sidebar-collapsed .app-sidebar .sidebar-section-toggle,.sidebar-collapsed .app-sidebar .text-uppercase{display:none!important}.sidebar-collapsed .app-sidebar .collapse{display:block!important;height:auto!important;visibility:visible!important}.sidebar-collapsed .app-sidebar .nav-link .sidebar-label,.sidebar-collapsed .app-sidebar .nav-link span{display:none!important}.sidebar-collapsed .app-sidebar .nav-link{justify-content:center;gap:0!important;min-height:44px;padding-left:0;padding-right:0}.sidebar-collapsed .app-sidebar .sidebar-logo{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar-collapsed .app-sidebar .sidebar-logo img{height:24px;max-width:100%}}.app-sidebar .sidebar-logo img{display:block}.app-sidebar--primary{background-color:var(--color-bg-primary);color:#fff}.app-sidebar--primary .nav-link{color:#fff}.app-sidebar--primary .nav-link:hover,.app-sidebar--primary .nav-link:focus,.app-sidebar--primary .nav-link.active{background-color:#ffffff26;color:#fff}.app-sidebar .sidebar-scroll{flex:1 1 auto;min-height:0;scrollbar-width:none}.settings-page{--settings-primary: #2b3f5f;--settings-primary-hover: #223552;--settings-primary-soft: rgba(43, 63, 95, .1)}.settings-page .settings-title{color:#1f2937}.settings-page .settings-tabs{border-bottom:1px solid #e5e7eb;gap:.25rem}.settings-page .settings-tabs .nav-link{border:none;color:#6b7280;font-weight:500;padding:10px 14px;border-radius:8px 8px 0 0;background:transparent;transition:all .2s ease}.settings-page .settings-tabs .nav-link:hover,.settings-page .settings-tabs .nav-link:focus{color:var(--settings-primary);background:var(--settings-primary-soft)}.settings-page .settings-tabs .nav-link.active{color:var(--settings-primary);border-bottom:2px solid var(--settings-primary);font-weight:600}.settings-page .settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 .125rem .25rem #0000000a;min-height:420px}.settings-page .settings-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 .125rem .25rem #0000000a}.settings-page .settings-card-header{padding:18px 20px;border-bottom:1px solid #eef1f4;background:#fcfcfd}.settings-page .settings-card-body{padding:20px}.settings-page .form-section{margin-bottom:1.5rem}.settings-page .form-label{font-weight:600;margin-bottom:.5rem}.settings-page .form-text{font-size:.875rem}.settings-page .input-group-text{background-color:#f8f9fa}.settings-page .form-check.form-switch{padding-left:2.75rem}.settings-page .form-check-input,.settings-page .form-check-label{cursor:pointer}.settings-page .btn-settings-primary{background-color:var(--settings-primary);border-color:var(--settings-primary);color:#fff}.settings-page .btn-settings-primary:hover{background-color:var(--settings-primary-hover);border-color:var(--settings-primary-hover)}.settings-page .btn-settings-outline-primary{color:var(--settings-primary);border-color:var(--settings-primary);background:#fff}.settings-page .btn-settings-outline-primary:hover{background-color:var(--settings-primary);color:#fff}.settings-page .btn-settings-outline-danger{color:#dc3545;border-color:#dc3545;background:#fff}.settings-page .btn-settings-outline-danger:hover{background-color:#dc3545;color:#fff}.settings-page .csv-settings-page h5{color:#1f2937}.settings-page .csv-settings-page .alert{border-radius:10px}.settings-page .csv-settings-page .input-group-text{display:flex;align-items:center;justify-content:center}.settings-page .csv-settings-page .bi-info-circle{cursor:pointer;font-size:14px}
