:root{--bg-app: #0f172a;--bg-sidebar: #1e293b;--bg-card: rgba(30, 41, 59, .7);--border-color: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--font-brand: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);overflow:hidden;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{display:grid;grid-template-columns:320px 1fr;height:100vh}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-icon{font-size:28px;background:linear-gradient(135deg,#818cf8,#4f46e5);padding:8px;border-radius:12px;box-shadow:0 4px 12px #6366f14d}.brand-text h1{font-family:var(--font-brand);font-size:20px;font-weight:700;letter-spacing:-.5px;color:#fff;text-transform:uppercase}.brand-text span{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px}.config-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:16px;margin-bottom:24px}.config-card h3{font-family:var(--font-brand);font-size:14px;margin-bottom:8px;color:#fff}.config-card p{font-size:11px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.config-card input{width:100%;background-color:#0f172a99;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:#fff;font-size:11px;margin-bottom:12px;outline:none;transition:var(--transition-smooth)}.config-card input:focus{border-color:var(--color-primary)}.btn-primary{width:100%;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-primary:hover{background-color:var(--color-primary-hover)}.sync-status{font-size:10px;color:var(--text-secondary);text-align:center;margin-top:8px;font-style:italic}.sync-status.active{color:var(--color-success);font-weight:600}.search-section{flex-grow:1;display:flex;flex-direction:column}.search-section label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.search-wrapper{position:relative;margin-bottom:16px}.search-wrapper input{width:100%;background-color:#0f172a66;border:1px solid var(--border-color);border-radius:12px;padding:10px 40px 10px 16px;color:#fff;font-size:13px;outline:none;transition:var(--transition-smooth)}.search-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.product-list{list-style:none;overflow-y:auto;max-height:250px;border:1px solid var(--border-color);border-radius:12px;background-color:#0f172a33}.product-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;font-size:13px;transition:var(--transition-smooth);display:flex;justify-content:space-between;align-items:center}.product-item:last-child{border-bottom:none}.product-item:hover{background-color:#ffffff0d}.product-item.active{background:linear-gradient(135deg,#6366f133,#6366f11a);border-left:4px solid var(--color-primary);color:#fff;font-weight:600}.product-badge{background-color:#ffffff14;padding:2px 8px;border-radius:20px;font-size:10px;color:var(--text-secondary)}.sidebar-footer{padding-top:16px;border-top:1px solid var(--border-color);text-align:center;font-size:10px;color:var(--text-secondary)}.main-content{display:flex;flex-direction:column;overflow:hidden}.top-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:#0f172a33}.header-title h2{font-family:var(--font-brand);font-size:24px;font-weight:700;color:#fff}.header-title p{font-size:13px;color:var(--text-secondary);margin-top:4px}.quick-stats{display:flex;gap:16px}.stat-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;padding:10px 18px;min-width:120px;text-align:center}.stat-label{display:block;font-size:10px;color:var(--text-secondary);text-transform:uppercase}.stat-value{display:block;font-family:var(--font-brand);font-size:20px;font-weight:700;color:var(--color-primary);margin-top:2px}.dashboard-body{flex-grow:1;overflow-y:auto;padding:24px}.welcome-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;max-width:600px;margin:0 auto;text-align:center}.welcome-icon{font-size:64px;margin-bottom:16px;animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.welcome-view h2{font-family:var(--font-brand);font-size:28px;margin-bottom:12px;color:#fff}.welcome-view p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.welcome-guide{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;padding:20px;text-align:left;width:100%}.welcome-guide h4{font-size:14px;margin-bottom:10px;color:#fff}.welcome-guide ul{list-style-position:inside;font-size:13px;color:var(--text-secondary);line-height:1.8}.lot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lot-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:20px}.lot-title{display:flex;align-items:center;gap:12px}.lot-title h3{font-family:var(--font-brand);font-size:18px;color:#fff}.condition-badge{background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:var(--color-warning);font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600}.lot-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.meta-item{font-size:13px}.meta-label{display:block;color:var(--text-secondary);margin-bottom:4px}.meta-value{font-weight:500;color:#fff}.progress-container{margin-bottom:32px;padding:10px 0}.progress-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase}.progress-track{display:flex;justify-content:space-between;position:relative;margin-top:10px}.progress-track:before{content:"";position:absolute;top:15px;left:0;right:0;height:4px;background-color:#ffffff14;z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:80px}.step-node{width:32px;height:32px;border-radius:50%;background-color:#334155;border:3px solid var(--bg-app);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);transition:var(--transition-smooth)}.step-label{margin-top:8px;font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center}.progress-step.completed .step-node{background-color:var(--color-success);color:#fff;box-shadow:0 0 12px #10b98166}.progress-step.completed .step-label{color:var(--color-success);font-weight:600}.progress-step.pending .step-node{background-color:var(--color-warning);color:#fff;box-shadow:0 0 12px #f59e0b66}.progress-step.pending .step-label{color:var(--color-warning);font-weight:600}.table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px}.stability-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.stability-table th{background-color:#0f172a4d;color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-color)}.stability-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:#fff}.stability-table tr:last-child td{border-bottom:none}.badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.badge-success{background-color:#10b98126;color:var(--color-success)}.badge-warning{background-color:#f59e0b26;color:var(--color-warning)}