.login-title[data-v-2c4495b4]{color:var(--color-primary);margin-bottom:10px;font-size:24px}.login-subtitle[data-v-2c4495b4]{margin-bottom:30px}.login-submit[data-v-2c4495b4]{padding:14px}.login-submit-icon[data-v-2c4495b4]{margin-right:8px}.login-illustration-left[data-v-2c4495b4]{width:300px;animation-delay:0s;top:45px;left:35px}.login-illustration-right[data-v-2c4495b4]{width:250px;animation-delay:2s;bottom:-20px;right:5%}.login-activated[data-v-2c4495b4]{margin-bottom:20px}.success-message[data-v-2c4495b4]{color:#03543f;border-radius:var(--radius-sm);background:#def7ec;padding:10px 16px;font-size:14px}.activation-title[data-v-87801355]{color:var(--color-primary);margin-bottom:10px;font-size:24px}.activation-subtitle[data-v-87801355]{margin-bottom:20px}.activation-email[data-v-87801355]{margin-bottom:24px}.activation-submit[data-v-87801355]{padding:14px}.activation-login-btn[data-v-87801355]{margin-top:16px;padding:14px}.activation-btn-icon[data-v-87801355]{margin-right:8px}.login-illustration-left[data-v-87801355]{width:300px;animation-delay:0s;top:45px;left:35px}.login-illustration-right[data-v-87801355]{width:250px;animation-delay:2s;bottom:-20px;right:5%}.success-message[data-v-87801355]{color:#03543f;border-radius:var(--radius-sm);background:#def7ec;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:16px;font-size:15px;font-weight:500;display:flex}.visually-hidden[data-v-87801355]{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.user-avatar[data-v-8e5d5623]{color:#090098;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;box-shadow:0 1px 2px #0000000d}.customer-main[data-v-36b07651]{padding-top:40px;padding-bottom:60px}.table-empty[data-v-61cca1ee]{color:var(--color-text-muted);text-align:center;padding:20px}.quick-action-btn[data-v-61cca1ee]{text-align:left;justify-content:flex-start;margin-bottom:10px}.quick-action-icon[data-v-61cca1ee]{margin-right:8px;font-size:1.2em}.filters-card[data-v-92307e31]{margin-bottom:30px}.filters-row[data-v-92307e31]{flex-wrap:wrap;gap:20px;display:flex}.filter-group[data-v-92307e31]{flex:1;min-width:200px;margin-bottom:0}.items-cell[data-v-92307e31]{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:13px;overflow:hidden}.actions-cell[data-v-92307e31]{align-items:center;gap:6px;display:flex}.btn-sm[data-v-92307e31]{padding:4px 10px;font-size:12px}.table-empty[data-v-92307e31]{text-align:center;color:var(--color-text-muted);padding:20px}.modal-wide[data-v-92307e31]{max-width:700px}.modal-header-left[data-v-92307e31]{align-items:center;gap:15px;display:flex}.text-right[data-v-92307e31]{text-align:right}.section-title[data-v-92307e31]{border-bottom:1px solid var(--color-border);margin-bottom:12px;padding-bottom:8px;font-size:15px}.table-empty[data-v-0be208bd]{text-align:center;color:var(--color-text-muted);padding:20px}.actions-cell[data-v-0be208bd]{gap:6px;display:flex}.icon-btn[data-v-0be208bd]{margin-right:5px}.contact-phone[data-v-0be208bd]{color:var(--color-text-muted);font-size:12px}.vip-icon[data-v-0be208bd]{color:#d97706;font-size:18px}.checkbox-label[data-v-0be208bd]{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-input[data-v-0be208bd]{width:16px;height:16px;accent-color:var(--color-primary)}.stats-margin[data-v-5dbb8c83]{margin-bottom:30px}.stat-icon-green[data-v-5dbb8c83]{color:#22c55e;background:#22c55e1a}.stat-icon-red[data-v-5dbb8c83]{color:#ef4444;background:#ef44441a}.card-header-column[data-v-5dbb8c83]{flex-direction:column;align-items:stretch;gap:15px}.card-header-top[data-v-5dbb8c83]{justify-content:space-between;align-items:center;display:flex}.tabs-border[data-v-5dbb8c83]{border-bottom:1px solid var(--color-border)}.table-empty[data-v-5dbb8c83]{text-align:center;color:var(--color-text-muted);padding:20px}.actions-cell[data-v-5dbb8c83]{gap:6px;display:flex}.icon-btn[data-v-5dbb8c83]{margin-right:5px}.checkbox-label[data-v-5dbb8c83]{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-input[data-v-5dbb8c83]{width:16px;height:16px;accent-color:var(--color-primary)}.header-actions[data-v-71b1682d]{align-items:center;gap:10px;display:flex}.date-input[data-v-71b1682d]{width:auto;height:42px}.export-icon[data-v-71b1682d]{margin-right:8px}.table-empty[data-v-71b1682d]{text-align:center;color:var(--color-text-muted);padding:20px}.production-qty[data-v-71b1682d]{color:var(--color-primary);font-size:18px;font-weight:700}.loading-state[data-v-127c0728]{text-align:center;color:var(--color-text-muted);padding:40px;font-size:15px}.alert-success[data-v-127c0728]{color:#03543f;border-radius:var(--radius-sm);background:#def7ec;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.empty-category[data-v-127c0728]{text-align:center;color:var(--color-text-muted);padding:20px}.product-action[data-v-127c0728]{align-items:center;display:flex}.qty-input[data-v-127c0728]{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:60px;height:28px;font-family:var(--font-mono);margin:0 4px;padding:4px;font-size:14px;font-weight:600}.qty-input[data-v-127c0728]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0900981a}.delivery-date-input[data-v-127c0728]{color:var(--color-primary);font-weight:600}.delivery-date-preview[data-v-127c0728]{color:var(--color-primary);text-transform:capitalize;margin-top:4px;font-size:13px;font-weight:600}.delivery-date-note[data-v-127c0728]{color:var(--color-text-muted);margin-top:4px;font-size:11px}.cart-empty[data-v-127c0728]{text-align:center;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:20px;padding:20px 0;font-size:13px}.price-note[data-v-127c0728]{color:var(--color-text-muted);margin-top:6px;font-size:12px}.order-submit-btn[data-v-127c0728]{margin-top:20px}.order-submit-icon[data-v-127c0728]{margin-right:8px}.loading-state[data-v-512c9c57]{text-align:center;color:var(--color-text-muted);padding:40px;font-size:15px}.empty-state[data-v-512c9c57]{text-align:center;color:var(--color-text-muted);padding:40px}.new-order-icon[data-v-512c9c57]{margin-right:8px}.order-row[data-v-512c9c57]{cursor:pointer;transition:background-color .2s}.order-row[data-v-512c9c57]:hover{background-color:#f9fafb}.order-date[data-v-512c9c57]{font-weight:600}.items-summary[data-v-512c9c57]{color:var(--color-text-muted);font-size:13px}.detail-row td[data-v-512c9c57]{background:#f9fafb;padding:0}.order-detail[data-v-512c9c57]{padding:20px}.order-note[data-v-512c9c57]{border-radius:var(--radius-sm);color:var(--color-text);background:#fff;margin-top:16px;padding:12px;font-size:14px}.note-label[data-v-512c9c57]{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.order-detail-footer[data-v-512c9c57]{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.order-detail-total[data-v-512c9c57]{color:var(--color-primary);font-size:16px}.edit-icon[data-v-512c9c57]{margin-right:6px}.back-link[data-v-d8f40a58]{color:var(--color-text-muted);align-items:center;gap:5px;margin-bottom:5px;font-size:14px;text-decoration:none;display:inline-flex}.back-link[data-v-d8f40a58]:hover{color:var(--color-primary)}.loading-state[data-v-d8f40a58]{text-align:center;color:var(--color-text-muted);padding:40px;font-size:15px}.alert-success[data-v-d8f40a58]{color:#03543f;border-radius:var(--radius-sm);background:#def7ec;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.empty-category[data-v-d8f40a58]{text-align:center;color:var(--color-text-muted);padding:20px}.product-action[data-v-d8f40a58]{align-items:center;display:flex}.qty-input[data-v-d8f40a58]{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:60px;height:28px;font-family:var(--font-mono);margin:0 4px;padding:4px;font-size:14px;font-weight:600}.qty-input[data-v-d8f40a58]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0900981a}.qty-input[data-v-d8f40a58]:disabled{cursor:not-allowed;background-color:#f5f5f5}.delivery-date-display[data-v-d8f40a58]{color:var(--color-primary);border-radius:var(--radius-sm);text-transform:capitalize;background:#eef2ff;padding:10px 12px;font-size:15px;font-weight:600}.delivery-date-locked[data-v-d8f40a58]{color:var(--color-text-muted);background-color:#f5f5f5}.delivery-date-note[data-v-d8f40a58]{color:var(--color-text-muted);margin-top:4px;font-size:11px}.cart-empty[data-v-d8f40a58]{text-align:center;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:20px;padding:20px 0;font-size:13px}.price-note[data-v-d8f40a58]{color:var(--color-text-muted);margin-top:6px;font-size:12px}.save-btn[data-v-d8f40a58]{margin-top:20px}.save-icon[data-v-d8f40a58]{margin-right:8px}.cancel-order-btn[data-v-d8f40a58]{margin-top:10px}.cancel-order-icon[data-v-d8f40a58]{margin-right:8px}.back-btn[data-v-d8f40a58]{margin-top:10px}.btn-danger[data-v-d8f40a58]{color:#fff;background-color:#dc2626;border-color:#0000}.btn-danger[data-v-d8f40a58]:hover{background-color:#b91c1c}.btn-danger[data-v-d8f40a58]:disabled{opacity:.6;cursor:not-allowed}:root{--color-primary:#090098;--color-primary-dark:#060060;--color-primary-light:#443bff;--color-white:#fff;--color-bg:#f5f7fa;--color-surface:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{border-color:var(--color-border);color:var(--color-text);background-color:#fff}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-circle{background:var(--color-bg);cursor:pointer;width:32px;height:32px;color:var(--color-primary);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .2s;display:flex}.btn-circle:hover{background:#e0e7ff}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-icon:hover{color:var(--color-primary);background:#f3f4f6}.btn-icon-danger:hover{color:#dc2626;background:#fef2f2}.btn-icon i{font-size:18px}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fff;padding:12px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0900981a}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-primary{color:var(--color-primary);background:#eef2ff}.badge-danger{color:#b91c1c;background:#fee2e2}.badge-success{color:#03543f;background:linear-gradient(135deg,#def7ec,#bcf0da);border:1px solid #c9e9da}.badge-warning,.badge-pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #eee0b5}.badge-confirmed{color:#03543f;background:linear-gradient(135deg,#def7ec,#bcf0da);border:1px solid #c9e9da}.badge-dispatched{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #bfd4f6}.badge-delivered{color:var(--color-primary);background:#eef2ff}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff;overflow:hidden}.card-body{padding:20px}.card-header-styled{border-bottom:1px solid var(--color-border);background:#f9fafb;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.card-title{color:var(--color-text);margin:0 0 4px;font-size:16px;font-weight:600}.card-subtitle{color:var(--color-text-muted);font-size:13px}.update-time{color:#999;font-size:12px}.p-0{padding:0!important}.stats-overview{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:30px;display:flex;overflow:hidden}.stat-item{border-right:1px solid var(--color-border);flex-direction:column;flex:1;display:flex}.stat-item:last-child{border-right:none}.stat-header{color:#6b7280;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--color-border);background:#f9fafb;padding:12px 24px;font-size:11px;font-weight:600}.stat-content{flex-direction:column;flex:1;padding:24px;display:flex}.stat-value{color:#111;margin-bottom:8px;font-size:28px;font-weight:700}.stat-trend{align-items:center;gap:4px;margin-bottom:16px;font-size:13px;display:flex}.stat-trend.positive{color:#059669}.stat-trend.neutral{color:#6b7280}.stat-link{color:var(--color-text);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.stat-link:hover{color:var(--color-primary)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:16px;padding:20px;display:flex}.stat-card .stat-icon{width:48px;height:48px;color:var(--color-primary);background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.stat-card .stat-content{flex:1;padding:0}.stat-card .stat-value{color:var(--color-text);margin-bottom:2px;font-size:24px;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:13px;font-weight:500}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid var(--color-border);background:#fff;padding:12px 20px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:16px 20px;font-size:14px}.table tr:last-child td{border-bottom:none}.order-link{color:var(--color-primary);font-weight:700;text-decoration:none;transition:all .2s}.order-link:hover{color:var(--color-primary-dark);text-decoration:underline}.product-item{border-bottom:1px solid var(--color-border);align-items:center;padding:20px;display:flex}.product-item:last-child{border-bottom:none}.product-image{background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;margin-right:20px;font-size:24px;display:flex}.product-info{flex:1}.product-title{margin:0 0 4px;font-size:16px;font-weight:600}.product-desc{color:var(--color-text-muted);margin:0;font-size:13px}.product-price{color:var(--color-primary);margin-top:5px;font-weight:400}.qty-control{background:#f3f4f6;border-radius:20px;align-items:center;padding:4px;display:flex}.qty-val{text-align:center;width:30px;font-size:14px;font-weight:600}.compact-item{border-bottom:1px solid var(--color-border);border:1px solid #0000;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.compact-item:focus-within{border-color:var(--color-primary);z-index:1;background-color:#f8fbff;border-radius:4px;position:relative;box-shadow:0 0 0 3px #007bff26}.compact-item .product-image{background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-size:20px;display:flex}.compact-item .product-info{flex-direction:row;flex:1;justify-content:space-between;align-items:center;display:flex}.compact-item .product-title{margin:0;font-size:14px;font-weight:600}.compact-item .product-desc{color:var(--color-text-muted);margin:2px 0 0;font-size:12px}.compact-item .product-price{color:var(--color-primary);margin:0 20px 0 0;font-size:14px;font-weight:400}.summary-card{position:sticky;top:90px}.summary-row{color:var(--color-text);justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.summary-total{border-top:1px solid var(--color-border);color:var(--color-primary);justify-content:space-between;margin-top:15px;padding-top:15px;font-size:18px;font-weight:700;display:flex}.vip-badge-container{color:#92400e;background:#fffcf0;border:1px dashed #d97706;border-radius:6px;align-items:center;gap:8px;margin:15px 20px 5px;padding:8px 12px;font-size:12px;display:flex}.vip-icon{color:#d97706;align-items:center;font-size:14px;display:flex}.login-page{background:radial-gradient(circle at top right, #eef2ff, var(--color-bg));justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center;background:#fff;padding:40px}.login-logo{width:120px;margin-bottom:24px}.illustration-floating{z-index:0;pointer-events:none;opacity:1;max-width:200px;animation:6s ease-in-out infinite float;position:absolute}.illustration-static{max-width:100%;height:auto;display:block}@keyframes float{0%{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-15px)rotate(4deg)}to{transform:translateY(0)rotate(-4deg)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background-color:#1f2937;border-radius:4px;margin-bottom:8px;padding:5px 8px;font-size:11px;font-weight:500;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}[data-tooltip]:after{content:"";opacity:0;visibility:hidden;border:4px solid #0000;border-top-color:#1f2937;margin-bottom:0;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible}.tabs-nav{border-bottom:1px solid var(--color-border);gap:15px;padding:0 15px;display:flex;overflow-x:auto}.tab-link{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 0;font-size:13px;font-weight:500}.tab-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-pane{padding:0;display:none}.tab-pane.active{display:block}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;max-height:90vh;transition:all .3s;display:flex;transform:translateY(20px)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover{color:var(--color-text);background:#f3f4f6}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#f9fafb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.info-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.info-item label{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.info-item div{font-size:15px;font-weight:500}.order-table{border-collapse:collapse;width:100%}.order-table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:12px;font-size:13px;font-weight:600}.order-table td{border-bottom:1px solid var(--color-border);padding:12px;font-size:14px}.order-table tr:last-child td{border-bottom:none}.timeline{justify-content:space-between;margin-bottom:30px;padding:0 10px;display:flex;position:relative}.timeline:before{content:"";background:var(--color-border);z-index:0;height:2px;position:absolute;top:14px;left:20px;right:20px}.timeline-step{z-index:1;text-align:center;background:#fff;padding:0 10px;position:relative}.step-circle{background:var(--color-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto 8px;font-size:14px;font-weight:700;display:flex}.step-active .step-circle{background:var(--color-primary)}.step-done .step-circle{background:var(--color-primary-light)}.step-label{color:var(--color-text-muted);font-size:11px;font-weight:500}.step-active .step-label{color:var(--color-primary);font-weight:700}.product-price,.qty-input,.summary-row span:last-child,.summary-total span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.user-stacked{align-items:center;gap:12px;display:flex}.user-stacked-info{text-align:right}.user-stacked-name{color:var(--color-text);font-size:14px;font-weight:700;line-height:1.2}.user-stacked-badge{color:var(--color-text-muted);font-size:11px}.user-stacked-avatar{width:36px;height:36px;color:var(--color-primary);background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.user-dropdown-container{z-index:50;position:relative}.user-trigger{cursor:pointer;border-radius:8px;margin:-6px -12px;padding:6px 12px;transition:background-color .2s}.user-dropdown-container:hover .user-trigger{background-color:#f8fafc}.user-dropdown-menu{opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:160px;margin-top:12px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.user-dropdown-menu:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.user-dropdown-container:hover .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#64748b;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#ef4444;background:#fef2f2}.error-message{color:#b91c1c;border-radius:var(--radius-sm);background:#fee2e2;margin-bottom:20px;padding:10px 16px;font-size:14px}.navbar{border-bottom:1px solid var(--color-border);z-index:100;background:#fff;align-items:center;height:70px;display:flex;position:sticky;top:0}.navbar .brand img{height:40px}.nav-links{align-items:center;display:flex}.nav-links a{color:var(--color-text-muted);margin-left:30px;font-size:15px;font-weight:500;text-decoration:none}.nav-links a.active,.nav-links a:hover{color:var(--color-primary)}.admin-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-border);background:#fff;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;height:70px;padding-left:24px;display:flex}.sidebar-header img{height:32px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-nav a{color:var(--color-text-muted);border-left:3px solid #0000;align-items:center;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#f3f4f6}.sidebar-nav .icon{opacity:.7;vertical-align:middle;margin-right:12px;font-size:20px;display:inline-block}.sidebar-footer{border-top:1px solid var(--color-border);flex-shrink:0;padding:20px}.user-info-panel{align-items:center;gap:12px;display:flex}.user-details{flex:1;min-width:0}.user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.user-role{color:var(--color-text-muted);font-size:12px}.btn-logout{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.btn-logout:hover{color:#b91c1c;background-color:#fee2e2;border-color:#fecaca}.main-area{background:var(--color-bg);flex:1;padding:30px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-title{color:var(--color-primary);margin:0;font-size:24px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:2fr 1fr;gap:24px;display:grid}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.mt-20{margin-top:20px}.w-full{width:100%}