@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f1115;--bg-glass:#191c2399;--border-glass:#ffffff14;--accent-blue:#0070f2;--accent-mauve:#9333ea;--text-main:#f1f2f6;--text-muted:#8b92a5;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#0070f214,#0000 25%),radial-gradient(circle at 85% 30%,#9333ea0d,#0000 25%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;padding:24px;transition:transform .3s,border-color .3s;box-shadow:0 8px 32px #0003}.glass-panel:hover{border-color:#ffffff26;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #9333ea66}70%{box-shadow:0 0 0 10px #9333ea00}to{box-shadow:0 0 #9333ea00}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f1115cc;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand-icon{color:var(--accent-mauve)}.dashboard-grid{grid-template-columns:1fr 350px;gap:32px;max-width:1600px;margin:0 auto;padding:40px;display:grid}.main-flow{flex-direction:column;gap:24px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-critical{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.status-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.status-pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.btn-primary{background:linear-gradient(135deg, var(--accent-mauve), var(--danger));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary.pulse{animation:2s infinite pulse-glow}.data-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 0;display:flex}.data-row:last-child{border:none}.data-label{color:var(--text-muted);font-size:14px}.data-value{font-size:14px;font-weight:500}.supplier-card{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff08;border-radius:12px;margin-top:16px;padding:16px;transition:all .2s}.supplier-card:hover,.supplier-card.selected{border-color:var(--accent-blue);background:#0070f20d}.timeline{border-left:2px solid var(--border-glass);margin-left:12px;padding-left:24px;position:relative}.timeline-item{margin-bottom:24px;position:relative}.timeline-dot{background:var(--bg-dark);border:2px solid var(--text-muted);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:-31px}.timeline-item.active .timeline-dot{border-color:var(--accent-mauve);background:var(--accent-mauve);box-shadow:0 0 10px var(--accent-mauve)}.timeline-item.completed .timeline-dot{border-color:var(--success);background:var(--success)}