:root{--primary: #0EA5E9;--primary-dark: #0284C7;--primary-light: #E0F2FE;--primary-bg: #F0F9FF;--accent: #F97316;--accent-dark: #EA580C;--success: #10B981;--success-light: #D1FAE5;--danger: #EF4444;--danger-light: #FEE2E2;--warning: #F59E0B;--warning-light: #FEF3C7;--info: #6366F1;--info-light: #E0E7FF;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--bg: #F8FAFC;--bg-primary: #FFFFFF;--bg-secondary: #F1F5F9;--bg-card: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-w: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:all .15s ease;white-space:nowrap;cursor:pointer;border:1px solid transparent;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:#fff;color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--border-light)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e926}.form-textarea{min-height:90px;resize:vertical}.form-input::placeholder{color:var(--text-muted)}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.form-group{margin-bottom:1rem}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.form-file{display:block;width:100%;padding:.5rem;border:2px dashed var(--border);border-radius:var(--radius);font-size:.8125rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s}.form-file:hover{border-color:var(--primary)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:#fff;border-right:1px solid var(--border);z-index:40;display:flex;flex-direction:column;overflow-y:auto;transition:transform .25s ease}.sidebar-head{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border-light)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sidebar-logo-icon{width:42px;height:42px;border-radius:var(--radius);background:linear-gradient(135deg,#1e40af,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-logo-icon svg{width:22px;height:22px}.sidebar-title{font-size:1rem;font-weight:700;color:var(--text)}.sidebar-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.sidebar-nav{flex:1;padding:.75rem .625rem;overflow-y:auto}.nav-section{margin-bottom:.25rem}.nav-section-title{padding:.5rem .75rem .25rem;font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius);font-size:.875rem;color:var(--text-secondary);transition:all .15s;font-weight:500;margin-bottom:1px}.nav-link:hover{background:var(--primary-light);color:var(--primary)}.nav-link.active{background:var(--primary-light);color:var(--primary-dark);font-weight:600}.nav-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-light)}.user-info{margin-bottom:.75rem}.user-name{font-size:.875rem;font-weight:600}.user-role{font-size:.75rem;color:var(--text-muted)}.user-agency{font-size:.75rem;color:var(--primary)}.main-panel{flex:1;margin-left:var(--sidebar-w);min-width:0}.main-content{padding:1.5rem;max-width:1280px;margin:0 auto}.mobile-topbar{display:none;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1rem;align-items:center;justify-content:space-between}.mobile-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary)}.mobile-menu-btn:hover{background:var(--border-light)}.mobile-brand{font-weight:700;font-size:.9375rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.mobile-brand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),#38BDF8);display:flex;align-items:center;justify-content:center;color:#fff}.mobile-brand-icon svg{width:18px;height:18px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text)}.page-header p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.page-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.25rem}.page-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem;margin-bottom:1rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.card-header h2{font-size:1.1rem;font-weight:700}.card-header p{font-size:.8125rem;color:var(--text-muted);margin-top:.15rem}.card-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--text);margin-top:.25rem}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius)}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:.75rem 1rem;text-align:left;background:var(--border-light);border-bottom:1px solid var(--border);white-space:nowrap}.table-wrap td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);font-size:.875rem;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:#0ea5e908}.table-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none;display:none}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-green{background:var(--success-light);color:#065f46}.badge-blue{background:var(--primary-light);color:#0369a1}.badge-amber{background:var(--warning-light);color:#92400e}.badge-red{background:var(--danger-light);color:#991b1b}.badge-gray{background:#f1f5f9;color:var(--text-secondary)}.badge-teal{background:#ccfbf1;color:#0f766e}.badge-purple{background:var(--info-light);color:#3730a3}.status-select{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.35rem;display:block;width:100%;max-width:120px;background:#fff;color:var(--text)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 0 0;font-size:.8125rem;color:var(--text-muted)}.pagination-btns{display:flex;gap:.35rem}.pagination-btn{padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);background:#fff;transition:all .15s}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.progress-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.progress-bar{width:100%;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#38BDF8);border-radius:4px;transition:width .3s ease}.progress-stats{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.8125rem;color:var(--text-secondary)}.progress-stats span{display:flex;align-items:center;gap:.3rem}.progress-errors{margin-top:.75rem;font-size:.8125rem}.progress-errors summary{cursor:pointer;color:var(--danger);font-weight:600;font-size:.8125rem}.progress-errors ul{margin:.4rem 0 0 1.2rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin-bottom:1rem}.filter-bar .form-input,.filter-bar .form-select{max-width:200px}.filter-bar .form-group{margin-bottom:0;flex-shrink:0}.message{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;margin-bottom:1rem;background:var(--success-light);color:#065f46;border:1px solid #A7F3D0}.error-banner{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;margin-bottom:1rem;background:var(--danger-light);color:#991b1b;border:1px solid #FECACA}.warning-banner{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;margin-bottom:1rem;background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.875rem}.empty-state svg{margin:0 auto .75rem;color:var(--text-muted);opacity:.4}.compact-list{display:flex;flex-direction:column;gap:.25rem}.compact-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:var(--radius-sm);transition:background .1s}.compact-row:hover{background:var(--border-light)}.compact-row>div:first-child{min-width:0}.inline-actions{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.upload-box{border:2px dashed var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;margin-top:1rem}.upload-box strong{display:block;margin-bottom:.5rem;font-size:.875rem}.upload-box .form-file{margin-bottom:.5rem}.search-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:flex-end}.search-row>*{flex-shrink:0}.search-row .form-input,.search-row .form-select{width:100%}.date-input-wrap{position:relative;min-width:130px;max-width:150px}.date-input-wrap .date-placeholder{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.8125rem;pointer-events:none;white-space:nowrap}.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.25rem;overflow-x:auto}.tab{padding:.6rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;white-space:nowrap}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#e0f2fe)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem}.auth-card-logo{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),#38BDF8);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.auth-card-logo svg{width:28px;height:28px}.auth-card h2{text-align:center;font-size:1.35rem;font-weight:700}.auth-card>p{text-align:center;font-size:.85rem;color:var(--text-muted);margin:.5rem 0 1.25rem}.auth-info{font-size:.8125rem;color:var(--text-muted);text-align:center;padding:.75rem;background:var(--border-light);border-radius:var(--radius);margin-bottom:1.25rem;line-height:1.7}.auth-info strong{color:var(--text-secondary)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.catalog-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s;display:flex;flex-direction:column}.catalog-card-body{padding:1.25rem;flex:1;display:flex;gap:1rem}.catalog-card-main{flex:1;min-width:0}.catalog-card-main h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.catalog-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.catalog-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;font-size:.8125rem;margin:.5rem 0}.catalog-card-meta>div{display:flex;gap:.3rem}.catalog-card-meta>div span:first-child{color:var(--text-muted)}.catalog-card-meta>div span:last-child{font-weight:600;color:var(--text-secondary)}.catalog-card-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:80px}.catalog-card-price .helper-text{font-size:.7rem;color:var(--text-muted)}.catalog-card-price .price{font-size:1.25rem;font-weight:700;color:var(--accent)}.catalog-card-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.catalog-card-footer .btn{font-size:.8125rem}.order-items{display:flex;flex-direction:column;gap:.35rem}.order-item{font-size:.8125rem;padding:.25rem 0}.order-item-name{font-weight:600}@media (max-width: 1024px){.grid-2{grid-template-columns:1fr}.simcards-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.main-content{padding:1rem}}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay.show{display:block}.mobile-topbar{display:flex}.main-panel{margin-left:0}.main-content{padding:.75rem}.card{padding:1rem;border-radius:var(--radius)}.page-header h1{font-size:1.25rem}.page-header{margin-bottom:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.simcards-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem 1rem}.stat-card-value{font-size:1.25rem}.catalog-grid{grid-template-columns:1fr}.table-wrap table{min-width:auto}.table-wrap thead{display:none}.table-wrap td{display:flex;justify-content:space-between;align-items:flex-start;padding:.6rem .75rem;font-size:.8125rem;border:none}.table-wrap td:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;margin-right:.75rem;margin-top:1px}.table-wrap tr{display:block;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:#fff}.table-wrap tr:hover td{background:inherit}.table-wrap td:last-child{border-bottom:none}.table-wrap{border:none}.table-wrap:after{display:none}.auth-card{padding:1.5rem;border-radius:var(--radius)}.filter-bar{flex-direction:column}.filter-bar .form-input,.filter-bar .form-select{max-width:100%}.progress-stats{flex-direction:column;gap:.25rem}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .15s ease}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:85vh;overflow-y:auto;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.1rem}.modal-body{padding:1rem 1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{.sidebar,.mobile-topbar,.btn,.pagination-bar,.filter-bar{display:none!important}.main-panel{margin-left:0}}.step-indicator{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border)}.step-item{display:flex;align-items:center;gap:.5rem;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;transition:all .2s}.step-item.pending .step-circle{background:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border)}.step-item.active .step-circle{background:var(--primary);color:#fff;border:2px solid var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.step-item.completed .step-circle{background:var(--success);color:#fff;border:2px solid var(--success)}.step-label{font-size:.8125rem;font-weight:600;white-space:nowrap}.step-item.pending .step-label{color:var(--text-muted)}.step-item.active .step-label{color:var(--primary)}.step-item.completed .step-label{color:var(--success)}.step-line{width:40px;height:2px;background:var(--border);margin:0 .5rem;flex-shrink:0}.step-item.completed .step-line{background:var(--success)}.wizard-container{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border-light)}.wizard-step-badge{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.filter-chip{padding:.3rem .75rem;border-radius:20px;border:1px solid var(--border);background:var(--bg-primary);font-size:.8125rem;cursor:pointer;transition:all .15s;color:var(--text-secondary);white-space:nowrap}.filter-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border);font-size:.8125rem;font-family:monospace}.chip-remove{color:var(--text-muted);font-weight:700;line-height:1}.chip-remove:hover{color:var(--danger)}.selection-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid var(--border-light);margin-top:.75rem;flex-wrap:wrap;gap:.5rem}.summary-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.summary-pill{padding:.15rem .6rem;border-radius:12px;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600}.inline-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;margin:0}.catalog-subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.catalog-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.catalog-grid{display:flex;flex-direction:column;gap:.75rem}.catalog-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s}.catalog-card:hover{box-shadow:var(--shadow-md)}.catalog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem .5rem}.catalog-card-main-row{display:flex;align-items:flex-start;gap:1.5rem;padding:.5rem 1.25rem 1.25rem}.catalog-card-info{flex:1;min-width:0}.catalog-card-title{font-size:.9375rem;font-weight:700;color:var(--text);margin-bottom:.65rem;line-height:1.45;word-break:break-all}.catalog-card-attrs{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.4rem}.catalog-attr{display:flex;align-items:center;gap:.35rem;font-size:.8125rem}.catalog-attr-label{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.catalog-attr-value{color:var(--text-secondary);font-weight:600;font-size:.8125rem}.catalog-attr-highlight{color:var(--primary);font-weight:700;background:var(--primary-light);padding:.1rem .5rem;border-radius:4px}.catalog-card-desc{margin-top:.5rem;font-size:.8125rem}.catalog-card-desc summary{cursor:pointer;color:var(--primary);font-weight:500;font-size:.8125rem}.catalog-card-desc p{margin-top:.35rem;padding:.5rem;background:var(--bg-secondary);border-radius:6px;font-size:.75rem;line-height:1.5}.catalog-card-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0;min-width:140px}.catalog-card-price{display:flex;flex-direction:column;align-items:center;gap:.15rem}.catalog-price-label{font-size:.7rem;color:var(--text-muted)}.catalog-price-value{font-size:1.5rem;font-weight:800;color:var(--accent);line-height:1.2}.catalog-price-hidden{font-size:.8rem;color:var(--text-muted);font-style:italic}.catalog-card-btns{display:flex;flex-direction:column;align-items:center;gap:.5rem}.catalog-add-btn{white-space:nowrap;font-size:.8125rem;padding:.45rem 1rem}@media (max-width: 768px){.catalog-card-main-row{flex-direction:column;gap:.75rem;padding:.5rem 1rem 1rem}.catalog-card-tags{padding:.6rem 1rem .4rem}.catalog-card-actions{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;min-width:0;gap:.5rem}.catalog-card-price{flex-direction:row;align-items:baseline;gap:.5rem}.catalog-price-value{font-size:1.25rem}.catalog-card-btns{flex-direction:row;align-items:center;gap:.5rem}.catalog-card-attrs{gap:.35rem .75rem}.catalog-card-title{font-size:.875rem;margin-bottom:.5rem}}.order-summary-table{display:flex;flex-direction:column;gap:.5rem}.order-summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light);gap:1rem}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #10B981}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #EF4444}.loading-placeholder{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1rem}@media (max-width: 768px){.step-line{width:20px}.step-label{font-size:.7rem}.step-circle{width:26px;height:26px;font-size:.7rem}.form-grid{grid-template-columns:1fr}.selection-summary{flex-direction:column;align-items:flex-start}}