.cs-csv-import{max-width:960px;margin:0 auto}.cs-csv-import-steps{justify-content:center;align-items:center;gap:0;margin-bottom:2.5rem;padding:1.5rem 0;display:flex}.cs-csv-import-step{color:var(--color-text-subtle);align-items:center;gap:.5rem;font-size:.875rem;transition:color .2s;display:flex}.cs-csv-import-step.active{color:var(--color-primary-light)}.cs-csv-import-step.done{color:var(--color-success)}.cs-csv-import-step-number{background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.cs-csv-import-step.active .cs-csv-import-step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cs-csv-import-step.done .cs-csv-import-step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.cs-csv-import-step-line{background:var(--color-border);width:60px;height:2px;margin:0 .75rem}.cs-csv-upload{max-width:640px;margin:0 auto}.cs-csv-upload-header{text-align:center;margin-bottom:2rem}.cs-csv-upload-header h2{color:var(--color-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.cs-csv-upload-header p{color:var(--color-text-muted);font-size:.9375rem}.cs-csv-upload-dropzone{border:2px dashed var(--color-border);text-align:center;cursor:pointer;background:var(--color-bg-elevated);border-radius:16px;padding:3rem 2rem;transition:all .2s}.cs-csv-upload-dropzone:hover{border-color:var(--color-primary-alpha-40);background:var(--color-primary-alpha-05)}.cs-csv-upload-dropzone.dragging{border-color:var(--color-primary);background:var(--color-primary-alpha-10);transform:scale(1.01)}.cs-csv-upload-dropzone.has-file{cursor:default;border-style:solid;border-color:var(--color-primary-alpha-40)}.cs-csv-upload-input{display:none}.cs-csv-upload-placeholder{flex-direction:column;align-items:center;gap:.75rem;display:flex}.cs-csv-upload-placeholder-icon{color:var(--color-text-subtle);opacity:.6}.cs-csv-upload-placeholder-text{color:var(--color-text-muted);margin:0;font-size:1rem}.cs-csv-upload-placeholder-hint{color:var(--color-text-subtle);font-size:.8125rem}.cs-csv-upload-file-info{align-items:center;gap:1rem;padding:.5rem;display:flex}.cs-csv-upload-file-icon{color:var(--color-primary-light);flex-shrink:0}.cs-csv-upload-file-details{text-align:left;flex:1}.cs-csv-upload-file-name{color:var(--color-text);font-size:1rem;font-weight:500;display:block}.cs-csv-upload-file-size{color:var(--color-text-muted);margin-top:.125rem;font-size:.8125rem;display:block}.cs-csv-upload-file-remove{color:var(--color-text-subtle);cursor:pointer;border-radius:var(--supplier-radius-sm);background:0 0;border:none;padding:.375rem;transition:all .2s}.cs-csv-upload-file-remove:hover{color:var(--color-error);background:var(--color-error-alpha-10)}.cs-csv-upload-btn{justify-content:center;width:100%;margin-top:1.25rem}.cs-csv-upload-error{background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-20);color:var(--color-error);border-radius:10px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.cs-csv-upload-info{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--supplier-radius-md);margin-top:2.5rem;padding:1.5rem}.cs-csv-upload-info h3{color:var(--color-text);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.cs-csv-upload-info ul{margin:0;padding:0 0 0 1.25rem;list-style:outside}.cs-csv-upload-info li{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.cs-csv-upload-processing{text-align:center;max-width:480px;margin:0 auto;padding:2rem 0}.cs-csv-upload-processing-icon{margin-bottom:1.5rem}.cs-csv-upload-processing h2{color:var(--color-text);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.cs-csv-upload-processing-msg{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9375rem}.cs-csv-upload-processing-hint{color:var(--color-text-subtle);margin-top:1.5rem;font-size:.8125rem}.cs-csv-upload-progress{align-items:center;gap:1rem;max-width:400px;margin:0 auto;display:flex}.cs-csv-upload-progress-bar{background:var(--color-bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.cs-csv-upload-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;height:100%;transition:width .3s}.cs-csv-upload-progress-text{color:var(--color-text);min-width:40px;font-size:.875rem;font-weight:600}.cs-spinner-ring{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite cs-spin}.cs-spinner-sm{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite cs-spin;display:inline-block}.cs-csv-banner{border-radius:var(--supplier-radius-md);border:1px solid var(--color-border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.cs-csv-banner-icon{flex-shrink:0;align-items:center;display:flex}.cs-csv-banner-content{flex:1;min-width:0}.cs-csv-banner-title{color:var(--color-text);font-size:.9375rem;font-weight:600;display:block}.cs-csv-banner-msg{color:var(--color-text-muted);margin-top:.125rem;font-size:.8125rem;display:block}.cs-csv-banner-processing{background:var(--color-primary-alpha-05);border-color:var(--color-primary-alpha-20)}.cs-csv-banner-review{background:var(--color-warning-alpha-10);border-color:var(--color-warning-alpha-20)}.cs-csv-banner-review .cs-csv-banner-icon{color:var(--color-warning)}.cs-csv-banner-success{background:var(--color-success-alpha-10);border-color:var(--color-success-alpha-20)}.cs-csv-banner-success .cs-csv-banner-icon{color:var(--color-success)}.cs-csv-banner-error{background:var(--color-error-alpha-10);border-color:var(--color-error-alpha-20)}.cs-csv-banner-error .cs-csv-banner-icon{color:var(--color-error)}.cs-csv-banner-action{color:var(--color-text-muted);cursor:pointer;border-radius:var(--supplier-radius-sm);background:0 0;border:none;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s}.cs-csv-banner-action:hover{background:var(--color-bg-elevated);color:var(--color-text)}.cs-csv-banner-progress{align-items:center;gap:.75rem;margin-top:.375rem;display:flex}.cs-csv-banner-progress-bar{background:var(--color-bg);border-radius:2px;flex:1;height:4px;overflow:hidden}.cs-csv-banner-progress-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s}.cs-csv-banner-progress-text{color:var(--color-primary-light);min-width:30px;font-size:.75rem;font-weight:600}.cs-csv-mapping{max-width:900px;margin:0 auto}.cs-csv-mapping-header{text-align:center;margin-bottom:2rem}.cs-csv-mapping-header h2{color:var(--color-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.cs-csv-mapping-header p{color:var(--color-text-muted);font-size:.9375rem}.cs-csv-mapping-table-wrapper{border:1px solid var(--color-border);border-radius:var(--supplier-radius-md);background:var(--color-bg-elevated);overflow-x:auto}.cs-csv-mapping-table{border-collapse:collapse;width:100%}.cs-csv-mapping-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);padding:.875rem 1rem;font-size:.75rem;font-weight:600}.cs-csv-mapping-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);padding:.75rem 1rem;font-size:.875rem}.cs-csv-mapping-table tr:last-child td{border-bottom:none}.cs-csv-mapping-table tr.unmapped td{opacity:.6}.cs-csv-mapping-header-cell code{background:var(--color-bg);border-radius:4px;padding:.25rem .5rem;font-size:.8125rem}.cs-csv-mapping-select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.cs-csv-mapping-samples{flex-wrap:wrap;gap:.375rem;display:flex}.cs-csv-mapping-sample{background:var(--color-bg);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:120px;padding:.125rem .5rem;font-size:.75rem;overflow:hidden}.cs-csv-mapping-badge{border-radius:var(--supplier-radius-sm);padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.cs-csv-mapping-badge.high{background:var(--color-success-alpha-10);color:var(--color-success)}.cs-csv-mapping-badge.medium{background:var(--color-warning-alpha-10);color:var(--color-warning)}.cs-csv-mapping-badge.low{background:var(--color-primary-alpha-10);color:var(--color-primary-light)}.cs-csv-mapping-badge.unmapped{background:var(--color-bg);color:var(--color-text-subtle)}.cs-csv-mapping-actions{justify-content:space-between;margin-top:1.5rem;display:flex}.cs-csv-review{max-width:1200px;margin:0 auto}.cs-csv-review-summary{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.cs-csv-review-stat{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--supplier-radius-md);text-align:center;flex:1;min-width:120px;padding:1rem}.cs-csv-review-stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700;display:block}.cs-csv-review-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;font-size:.75rem;display:block}.cs-csv-review-stat.matched .cs-csv-review-stat-value{color:var(--color-success)}.cs-csv-review-stat.unmatched .cs-csv-review-stat-value{color:var(--color-warning)}.cs-csv-review-stat.duplicate .cs-csv-review-stat-value{color:var(--color-primary-light)}.cs-csv-review-stat.skipped .cs-csv-review-stat-value{color:var(--color-text-subtle)}.cs-csv-review-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cs-csv-review-filters{flex-wrap:wrap;gap:.375rem;display:flex}.cs-csv-review-filter{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;transition:all .2s;display:inline-flex}.cs-csv-review-filter:hover{border-color:var(--color-primary-alpha-40);color:var(--color-text)}.cs-csv-review-filter.active{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-40);color:var(--color-primary-light)}.cs-csv-review-filter-count{background:var(--color-bg);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.cs-csv-review-filter.active .cs-csv-review-filter-count{background:var(--color-primary-alpha-20)}.cs-csv-review-search{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:8px;align-items:center;gap:.5rem;min-width:200px;padding:.5rem .875rem;display:flex}.cs-csv-review-search svg{color:var(--color-text-subtle);flex-shrink:0}.cs-csv-review-search input{color:var(--color-text);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.cs-csv-review-search input::placeholder{color:var(--color-text-subtle)}.cs-csv-review-bulk{gap:.5rem;margin-bottom:1rem;display:flex}.cs-csv-review-table-wrapper{border:1px solid var(--color-border);border-radius:var(--supplier-radius-md);background:var(--color-bg-elevated);overflow-x:auto}.cs-csv-review-table{border-collapse:collapse;width:100%}.cs-csv-review-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.cs-csv-review-table tbody tr{cursor:pointer;transition:background .15s}.cs-csv-review-table tbody tr:hover{background:var(--color-bg-subtle)}.cs-csv-review-table tbody td{color:var(--color-text);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.cs-csv-review-table tbody tr:last-child td{border-bottom:none}.cs-csv-review-row.skipped{opacity:.45}.cs-csv-review-row.skipped td{text-decoration:line-through}.cs-csv-review-row.skipped .cs-csv-review-td-actions{text-decoration:none}.cs-csv-review-th-row{width:50px}.cs-csv-review-th-name,.cs-csv-review-th-match{min-width:200px}.cs-csv-review-th-confidence{width:140px}.cs-csv-review-th-status{width:120px}.cs-csv-review-th-actions{width:100px}.cs-csv-review-td-row{color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:.75rem}.cs-csv-review-td-name{min-width:200px}.cs-csv-review-td-match{min-width:160px}.cs-csv-review-td-confidence{min-width:120px}.cs-csv-review-td-status{min-width:100px}.cs-csv-review-name-main{color:var(--color-text);font-weight:500}.cs-csv-review-name-meta{color:var(--color-text-muted);gap:.75rem;margin-top:.25rem;font-size:.75rem;display:flex}.cs-csv-review-match-info{flex-direction:column;display:flex}.cs-csv-review-match-name{color:var(--color-text);font-weight:500}.cs-csv-review-match-category{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.cs-csv-review-no-match{color:var(--color-text-subtle);font-style:italic}.cs-csv-review-custom-badge{background:var(--color-primary-alpha-10);color:var(--color-primary-light);border-radius:var(--supplier-radius-sm);padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.cs-csv-review-confidence{border-radius:var(--supplier-radius-sm);white-space:nowrap;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.cs-csv-review-confidence-exact{background:var(--color-success-alpha-10);color:var(--color-success)}.cs-csv-review-confidence-high{color:#60a5fa;background:#3b82f61a}.cs-csv-review-confidence-low{background:var(--color-warning-alpha-10);color:var(--color-warning)}.cs-csv-review-confidence-none{background:var(--color-error-alpha-10);color:var(--color-error)}.cs-csv-review-confidence-duplicate{color:#a1a1aa;background:#a1a1aa26}.cs-csv-review-status-add{color:var(--color-success);font-size:.8125rem;font-weight:500}.cs-csv-review-status-update{color:#3b82f6;font-size:.8125rem;font-weight:500}.cs-csv-review-status-skip{color:var(--color-text-subtle);font-size:.8125rem}.cs-csv-review-status-duplicate{color:var(--color-warning);font-size:.8125rem;font-weight:500}.cs-csv-review-action-btns{gap:.375rem;display:flex}.cs-csv-review-action-btn{border:1px solid var(--color-border);border-radius:var(--supplier-radius-sm);background:var(--color-bg-elevated);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.cs-csv-review-action-btn:hover{border-color:var(--color-primary-alpha-40);color:var(--color-primary-light)}.cs-csv-review-action-btn.skip:hover{border-color:var(--color-error-alpha-20);color:var(--color-error);background:var(--color-error-alpha-10)}.cs-csv-review-action-btn.custom:hover{border-color:var(--color-primary-alpha-40);color:var(--color-primary-light);background:var(--color-primary-alpha-10)}.cs-csv-review-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.cs-csv-review-page-info{color:var(--color-text-muted);font-size:.875rem}.cs-csv-review-bottom-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.cs-csv-review-bottom-right{gap:.75rem;display:flex}.cs-csv-summary{text-align:center;max-width:560px;margin:0 auto;padding:2rem 0}.cs-csv-summary-complete{padding-top:3rem}.cs-csv-summary-importing{padding:3rem 0}.cs-csv-summary-icon{margin-bottom:1.5rem}.cs-csv-summary-icon.success{color:var(--color-success)}.cs-csv-summary h2{color:var(--color-text);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.cs-csv-summary-msg{color:var(--color-text-muted);margin-bottom:2rem;font-size:.9375rem}.cs-csv-summary-results{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.cs-csv-summary-result{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--supplier-radius-md);padding:1.25rem 1rem}.cs-csv-summary-result-value{font-size:2rem;font-weight:700;display:block}.cs-csv-summary-result-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;font-size:.75rem;display:block}.cs-csv-summary-result.created .cs-csv-summary-result-value{color:var(--color-success)}.cs-csv-summary-result.updated .cs-csv-summary-result-value{color:#3b82f6}.cs-csv-summary-result.skipped .cs-csv-summary-result-value{color:var(--color-text-subtle)}.cs-csv-summary-result.errors .cs-csv-summary-result-value{color:var(--color-error)}.cs-csv-summary-actions{justify-content:center;gap:1rem;display:flex}.cs-supplier-page-header-actions{align-items:center;gap:.75rem;display:flex}@media (max-width:768px){.cs-csv-import-steps{gap:0}.cs-csv-import-step span{display:none}.cs-csv-import-step-line{width:40px}.cs-csv-review-summary{gap:.5rem}.cs-csv-review-stat{min-width:80px;padding:.75rem .5rem}.cs-csv-review-stat-value{font-size:1.25rem}.cs-csv-review-controls{flex-direction:column;align-items:stretch}.cs-csv-review-filters{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.cs-csv-review-search{min-width:unset}.cs-csv-review-bottom-actions{flex-direction:column;gap:1rem}.cs-csv-review-bottom-right{width:100%}.cs-csv-review-bottom-right .cs-btn{flex:1}.cs-csv-summary-actions{flex-direction:column}.cs-csv-summary-actions .cs-btn{justify-content:center;width:100%}.cs-supplier-page-header-actions{flex-direction:column;width:100%}.cs-supplier-page-header-actions .cs-btn{justify-content:center;width:100%}}
.cs-notification-badge{background:var(--color-error,#ef4444);color:#fff;text-align:center;pointer-events:none;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.cs-notification-list{max-height:340px;overflow-y:auto}.cs-notification-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.625rem;width:100%;padding:.625rem .75rem;transition:background .15s;display:flex}.cs-notification-item:hover{background:#ffffff0d}.cs-notification-item--unread{background:rgba(var(--color-primary-rgb,59,130,246),.06)}.cs-notification-item--unread:hover{background:rgba(var(--color-primary-rgb,59,130,246),.1)}.cs-notification-dot{border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:6px}.cs-notification-dot--primary{background:var(--color-primary,#3b82f6)}.cs-notification-dot--success{background:var(--color-success,#10b981)}.cs-notification-dot--warning{background:var(--color-warning,#f59e0b)}.cs-notification-dot--danger{background:var(--color-error,#ef4444)}.cs-notification-dot--muted{background:var(--color-text-muted,#94a3b8)}.cs-notification-content{flex:1;min-width:0}.cs-notification-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;line-height:1.3;display:block;overflow:hidden}.cs-notification-body{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cs-notification-time{color:var(--color-text-muted,#94a3b8);margin-top:4px;font-size:.6875rem}.cs-notification-footer{text-align:center;border-top:1px solid #ffffff0f;padding:.5rem .75rem}.cs-notification-view-all{color:var(--color-primary);font-size:.75rem;font-weight:500;text-decoration:none}.cs-notification-view-all:hover{text-decoration:underline}.cs-notif__header{margin-bottom:0}.cs-notif__title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.cs-notif__title{color:var(--color-text);letter-spacing:-.015em;align-items:center;gap:.5rem;margin:0;font-size:1.375rem;font-weight:600;display:flex}.cs-notif__count{background:var(--color-primary,#3b82f6);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.cs-notif__actions{align-items:center;gap:.5rem;display:flex}.cs-notif__action-btn{color:var(--color-text-secondary);border-radius:var(--supplier-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.cs-notif__action-btn:hover{color:var(--color-text);background:#ffffff0d;border-color:#ffffff1f}.cs-notif__action-btn:disabled{opacity:.5;cursor:not-allowed}.cs-notif__tabs{border-bottom:1px solid #ffffff0f;gap:.125rem;display:flex;overflow-x:auto}.cs-notif__tab{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s}.cs-notif__tab:hover{color:var(--color-text)}.cs-notif__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cs-notif__search{border-bottom:1px solid #ffffff0f;padding:.75rem .875rem}.cs-notif__search-input{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.625rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.cs-notif__search-input:focus-within{border-color:var(--color-primary)}.cs-notif__search-input svg{color:var(--color-text-muted,#94a3b8);flex-shrink:0}.cs-notif__search-input input{color:var(--color-text);background:0 0;border:none;flex:1;font-size:.8125rem;line-height:1.4}.cs-notif__search-input input:focus{outline:none}.cs-notif__search-input input::placeholder{color:var(--color-text-muted,#94a3b8)}.cs-notif__search-clear{width:24px;height:24px;color:var(--color-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cs-notif__search-clear:hover{color:var(--color-text);background:#ffffff0d}.cs-notif__list{flex-direction:column;display:flex}.cs-notif__row{border-bottom:1px solid #ffffff0f;transition:background .15s,border-color .15s}.cs-notif__row:last-child{border-bottom:none}.cs-notif__row:hover{background:#ffffff08}.cs-notif__row--unread{background:rgba(var(--color-primary-rgb),.04);border-left:2px solid var(--color-primary)}.cs-notif__row--unread:hover{background:rgba(var(--color-primary-rgb),.07)}.cs-notif__row-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;min-height:48px;padding:.75rem 1rem;display:flex}.cs-notif__row-header:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:-2px;border-radius:4px}.cs-notif__unread-dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px;transition:background .15s}.cs-notif__unread-dot--visible{background:var(--color-primary,#3b82f6)}.cs-notif__type-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex}.cs-notif__type-icon--primary{background:rgba(var(--color-primary-rgb,59,130,246),.12);color:var(--color-primary,#3b82f6)}.cs-notif__type-icon--success{color:var(--color-success,#10b981);background:#10b9811f}.cs-notif__type-icon--warning{color:var(--color-warning,#f59e0b);background:#f59e0b1f}.cs-notif__type-icon--danger{color:var(--color-error,#ef4444);background:#ef44441f}.cs-notif__type-icon--muted{color:var(--color-text-muted,#94a3b8);background:#94a3b81f}.cs-notif__preview{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8125rem;line-height:1.4;overflow:hidden}.cs-notif__preview-title{color:var(--color-text);font-weight:500}.cs-notif__row--unread .cs-notif__preview-title{font-weight:600}.cs-notif__preview-sep{color:var(--color-text-muted,#94a3b8)}.cs-notif__preview-text{color:var(--color-text-secondary)}.cs-notif__priority{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:3px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.625rem;font-weight:600;display:inline-flex}.cs-notif__priority--urgent{color:var(--color-error,#ef4444);background:#ef44441f}.cs-notif__priority--high{color:var(--color-warning,#f59e0b);background:#f59e0b1f}.cs-notif__time{color:var(--color-text-muted,#94a3b8);white-space:nowrap;text-align:right;flex-shrink:0;min-width:4rem;font-size:.6875rem}.cs-notif__delete-btn{width:28px;height:28px;color:var(--color-text-muted,#94a3b8);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cs-notif__row:hover .cs-notif__delete-btn{opacity:1}.cs-notif__delete-btn:hover{color:var(--color-error,#ef4444);background:#ef44441a}.cs-notif__delete-btn:disabled{opacity:.5;cursor:not-allowed}.cs-notif__modal-overlay{z-index:var(--z-cookie-modal);-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out cs-notif-modal-fade;display:flex;position:fixed;inset:0}@keyframes cs-notif-modal-fade{0%{opacity:0}to{opacity:1}}.cs-notif__modal{-webkit-backdrop-filter:blur(40px);border-radius:var(--supplier-radius-md);scrollbar-width:none;background:#111113fa;border:1px solid #ffffff1a;width:100%;max-width:560px;max-height:80vh;animation:.3s ease-out cs-notif-modal-slide;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff0d,0 25px 50px -12px #00000080}.cs-notif__modal::-webkit-scrollbar{display:none}@keyframes cs-notif-modal-slide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-notif__modal-close{border-radius:var(--supplier-radius-sm);width:32px;height:32px;color:var(--color-text-muted,#94a3b8);cursor:pointer;z-index:var(--z-above);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.cs-notif__modal-close:hover{color:var(--color-text);background:#ffffff1a}.cs-notif__modal-header{align-items:center;gap:.75rem;padding:1.5rem 1.5rem .75rem;display:flex}.cs-notif__modal-title{color:var(--color-text);margin:0;padding-right:2rem;font-size:1.125rem;font-weight:600;line-height:1.35}.cs-notif__modal-meta{color:var(--color-text-muted,#94a3b8);align-items:center;gap:.5rem;padding:0 1.5rem 1rem;font-size:.75rem;display:flex}.cs-notif__modal-body{color:var(--color-text-secondary);white-space:pre-line;padding:0 1.5rem 1.25rem;font-size:.875rem;line-height:1.6}.cs-notif__modal-actions{border-top:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.cs-notif__modal-link{color:#fff;background:var(--color-primary,#3b82f6);border-radius:var(--supplier-radius-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.cs-notif__modal-link:hover{opacity:.9;color:#fff}.cs-notif__modal-delete{color:var(--color-text-secondary);border-radius:var(--supplier-radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff14;align-items:center;gap:.375rem;margin-left:auto;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.cs-notif__modal-delete:hover{color:var(--color-error,#ef4444);background:#ef444414;border-color:#ef44444d}.cs-notif__modal-delete:disabled{opacity:.5;cursor:not-allowed}.cs-notif__empty{text-align:center;color:var(--color-text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.cs-notif__empty p{margin:.75rem 0 0;font-size:.875rem}.cs-notif__loading{justify-content:center;align-items:center;padding:1.5rem;display:flex}.cs-notif__spinner{border:2px solid #ffffff26;border-top-color:var(--color-primary,#3b82f6);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cs-notif-spin;display:inline-block}@keyframes cs-notif-spin{to{transform:rotate(360deg)}}.cs-notif__sentinel{min-height:1px}.cs-sidebar-badge{background:var(--color-primary,#3b82f6);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.625rem;font-weight:600;display:inline-flex}.cs-supplier-layout[data-theme=light] .cs-notification-item{border-bottom-color:#0000000f}.cs-supplier-layout[data-theme=light] .cs-notification-item:hover{background:#0000000a}.cs-supplier-layout[data-theme=light] .cs-notification-footer{border-top-color:#00000014}.cs-supplier-layout[data-theme=light] .cs-notif__row{border-bottom-color:#0000000f}.cs-supplier-layout[data-theme=light] .cs-notif__row-header:hover{background:#00000008}.cs-supplier-layout[data-theme=light] .cs-notif__row--unread .cs-notif__row-header{background:rgba(var(--color-primary-rgb,59,130,246),.04)}.cs-supplier-layout[data-theme=light] .cs-notif__tab{color:var(--color-text-muted)}.cs-supplier-layout[data-theme=light] .cs-notif__tab:hover{background:#0000000a}.cs-supplier-layout[data-theme=light] .cs-notif__search-input{background:var(--color-bg-subtle,#f0f0f2);border-color:var(--color-border,#e5e7eb)}.cs-supplier-layout[data-theme=light] .cs-notif__action-btn:hover,.cs-supplier-layout[data-theme=light] .cs-notif__delete-btn:hover{background:#0000000d}.cs-supplier-layout[data-theme=light] .cs-notif__modal-overlay{background:#0006}.cs-supplier-layout[data-theme=light] .cs-notif__modal{background:#fffffffa;border-color:#0000001a;box-shadow:inset 0 0 0 1px #0000000d,0 25px 50px -12px #0003}.cs-supplier-layout[data-theme=light] .cs-notif__modal-close{background:#0000000a;border-color:#00000014}.cs-supplier-layout[data-theme=light] .cs-notif__modal-close:hover{background:#00000014}.cs-supplier-layout[data-theme=light] .cs-notif__modal-actions{border-top-color:#00000014}.cs-supplier-layout[data-theme=light] .cs-notif__modal-link{background:var(--color-primary,#2563eb);color:#fff}.cs-supplier-layout[data-theme=light] .cs-notif__modal-link:hover{color:#fff}.cs-supplier-layout[data-theme=light] .cs-notif__modal-delete{color:var(--color-text-muted);border-color:#0000001a}.cs-supplier-layout[data-theme=light] .cs-notif__modal-delete:hover{background:#ef44440f}.cs-supplier-layout[data-theme=light] .cs-notif__spinner{border-color:#0000001a;border-top-color:var(--color-primary,#2563eb)}@media (max-width:600px){.cs-notif__title-row{flex-direction:column;align-items:flex-start}.cs-notif__row-header{padding:.5rem .625rem}.cs-notif__time{display:none}.cs-notif__modal-overlay{align-items:flex-end;padding:0}.cs-notif__modal{border-radius:12px 12px 0 0;max-width:100%;max-height:90vh}}
.cs-supplier-search{align-items:center;display:flex;position:relative}.cs-supplier-search__trigger{border:1px solid var(--color-border);cursor:pointer;height:30px;transition:border-color var(--transition-fast),background var(--transition-fast);color:var(--color-text-muted);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:0 .625rem;display:flex}.cs-supplier-search__trigger:hover{border-color:var(--color-border-hover);background:#ffffff14}.cs-supplier-search__trigger-text{color:var(--color-text-subtle);white-space:nowrap;font-size:.75rem}.cs-supplier-search__trigger-kbd{color:var(--color-text-subtle);border:1px solid var(--color-border);white-space:nowrap;background:#ffffff0f;border-radius:4px;padding:.0625rem .3125rem;font-size:.6875rem;font-weight:500;line-height:1.3}.cs-supplier-search__field{border:1px solid var(--color-border);background:#ffffff0f;border-radius:9999px;align-items:center;gap:.5rem;width:260px;height:30px;padding:0 .625rem;animation:.2s forwards cs-search-expand;display:flex}@keyframes cs-search-expand{0%{opacity:.7;width:160px}to{opacity:1;width:260px}}.cs-supplier-search__field:focus-within{border-color:var(--color-primary);background:#ffffff14}.cs-supplier-search__icon{color:var(--color-text-muted);flex-shrink:0}.cs-supplier-search__input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;height:auto;font-family:inherit;font-size:.75rem}.cs-supplier-search__input::placeholder{color:var(--color-text-subtle)}.cs-supplier-search__dropdown{background:var(--color-bg-subtle);border:1px solid var(--color-border);width:400px;max-height:480px;z-index:var(--z-dropdown);border-radius:12px;padding:.375rem;animation:.15s cs-search-dropdown-in;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 12px 48px #00000073}@keyframes cs-search-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-supplier-search__result{color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:.625rem;padding:.5rem .625rem;text-decoration:none;transition:background .12s;display:flex}.cs-supplier-search__result:hover,.cs-supplier-search__result--active{background:#ffffff0f}.cs-supplier-search__result-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.cs-supplier-search__result-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.cs-supplier-search__result-subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.cs-supplier-search__result-status{text-transform:capitalize;color:var(--color-text-muted);background:#ffffff0f;border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.cs-supplier-search__type-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cs-supplier-search__type-icon--equipment{background:var(--color-primary-alpha-15);color:var(--color-primary-light)}.cs-supplier-search__type-icon--location{background:var(--color-success-alpha-10);color:var(--color-success)}.cs-supplier-search__type-icon--service{background:var(--color-secondary-alpha-15);color:var(--color-secondary)}.cs-supplier-search__type-icon--message{background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning)}.cs-supplier-search__footer{border-top:1px solid var(--color-border);width:100%;color:var(--color-primary-light);cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:.375rem;margin-top:.25rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:background .12s;display:flex}.cs-supplier-search__footer:hover{background:#ffffff0a}.cs-supplier-search__empty{text-align:center;color:var(--color-text-muted);padding:1.5rem 1rem;font-size:.8125rem}.cs-search-page{max-width:1200px}.cs-search-page__content{flex-direction:column;gap:1.5rem;display:flex}.cs-search-page__header{margin-bottom:1.5rem}.cs-search-page__title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.cs-search-page__subtitle{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem}.cs-search-page__bar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:.625rem;height:44px;margin-bottom:1rem;padding:0 1rem;display:flex}.cs-search-page__bar:focus-within{border-color:var(--color-primary)}.cs-search-page__bar-icon{color:var(--color-text-muted);flex-shrink:0}.cs-search-page__bar-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.cs-search-page__bar-input::placeholder{color:var(--color-text-subtle)}.cs-search-page__filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cs-search-page__filter-chip{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.cs-search-page__filter-chip:hover{border-color:var(--color-border-hover);color:var(--color-text)}.cs-search-page__filter-chip--active{background:var(--color-primary-alpha-15);border-color:var(--color-primary);color:var(--color-primary-light)}.cs-search-page__sort{margin-left:auto}.cs-search-page__sort select{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.375rem .75rem;font-family:inherit;font-size:.8125rem}.cs-search-page__result-count{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.8125rem}.cs-search-page__table{border-collapse:separate;border-spacing:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;width:100%;overflow:hidden}.cs-search-page__table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);background:#ffffff05;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.cs-search-page__table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.75rem 1rem;font-size:.8125rem}.cs-search-page__table tr:last-child td{border-bottom:none}.cs-search-page__table tbody tr{cursor:pointer;transition:background .12s}.cs-search-page__table tbody tr:hover{background:#ffffff08}.cs-search-page__type-badge{border-radius:5px;width:20px;height:20px}.cs-search-page__table-type{align-items:center;gap:.5rem;display:flex}.cs-search-page__table-name{font-weight:500}.cs-search-page__table-subtitle{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.cs-search-page__pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.cs-search-page__pagination-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:inline-flex}.cs-search-page__pagination-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.cs-search-page__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cs-search-page__pagination-info{color:var(--color-text-muted);padding:0 .5rem;font-size:.8125rem}.cs-search-page__empty{text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.cs-search-page__empty-icon{background:var(--color-primary-alpha-15);width:48px;height:48px;color:var(--color-primary-light);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.cs-search-page__empty-title{color:var(--color-text);margin:0 0 .25rem;font-size:1rem;font-weight:600}.cs-search-page__empty-desc{color:var(--color-text-muted);margin:0;font-size:.8125rem}@media (max-width:1024px){.cs-supplier-search__dropdown{width:340px}.cs-supplier-search__trigger-text{display:none}.cs-supplier-search__field{width:200px}@keyframes cs-search-expand{0%{opacity:.7;width:120px}to{opacity:1;width:200px}}}@media (max-width:640px){.cs-supplier-search__dropdown{border-radius:0;width:auto;max-height:calc(100vh - 52px);position:fixed;top:52px;left:0;right:0}.cs-supplier-search__trigger-text,.cs-supplier-search__trigger-kbd{display:none}.cs-supplier-search__field{width:160px}@keyframes cs-search-expand{0%{opacity:.7;width:100px}to{opacity:1;width:160px}}.cs-search-page__filters{flex-wrap:nowrap;overflow-x:auto}.cs-search-page__sort{margin-left:0}}