@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--shadow:#0000004d;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1a1f3a);background:linear-gradient(135deg,var(--bg-primary) 0,#1a1f3a 100%);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}code{background:#334155;background:var(--bg-tertiary);border-radius:.25rem;font-family:Fira Code,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#334155;background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn .5s ease-out}.app{min-height:100vh;padding:var(--spacing-lg)}.container{margin:0 auto;max-width:1200px}.header{animation:fadeIn .6s ease-out;margin-bottom:var(--spacing-xl);text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.header p{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.health-section{animation:fadeIn .7s ease-out;margin-bottom:var(--spacing-xl)}.health-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 30px var(--shadow);padding:var(--spacing-lg);transition:all var(--transition-normal)}.health-card:hover{border-color:var(--primary);box-shadow:0 15px 40px var(--shadow);transform:translateY(-2px)}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.health-header h2{font-size:1.5rem;font-weight:600}.status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-badge.healthy{background:#10b98133;border:1px solid var(--success);color:var(--success)}.status-badge.unhealthy{background:#ef444433;border:1px solid var(--error);color:var(--error)}.status-badge.loading{background:#8b5cf633;border:1px solid var(--secondary);color:var(--secondary)}.status-indicator{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.health-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-md)}.health-detail{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.health-detail-label{color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.health-detail-value{color:var(--text-primary);font-size:1rem;font-weight:500}.items-section{animation:fadeIn .8s ease-out}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.items-header h2{font-size:2rem;font-weight:600}.refresh-button{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.refresh-button:hover{box-shadow:0 10px 25px #6366f166;transform:translateY(-2px)}.refresh-button:active{transform:translateY(0)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.items-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.item-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal)}.item-card:hover:before{transform:scaleX(1)}.item-card:hover{border-color:var(--primary);box-shadow:0 15px 40px var(--shadow);transform:translateY(-5px)}.item-header{margin-bottom:var(--spacing-md)}.item-id{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.item-name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.item-category{background:#8b5cf633;border-radius:var(--radius-sm);color:var(--secondary);display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.item-details{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.item-price{color:var(--primary-light);font-size:1.5rem;font-weight:700}.item-stock{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.item-stock.in-stock{background:#10b98133;color:var(--success)}.item-stock.out-of-stock{background:#ef444433;color:var(--error)}.loading{padding:var(--spacing-xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary);height:50px;margin:0 auto var(--spacing-md);width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-lg);color:var(--error);padding:var(--spacing-lg);text-align:center}.error h3{margin-bottom:var(--spacing-sm)}.empty-state{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.footer{animation:fadeIn 1s ease-out;border-top:1px solid var(--border);color:var(--text-muted);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.architecture-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg);text-align:left}.architecture-info h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.architecture-info code{background:var(--bg-primary);border-radius:var(--radius-sm);display:block;font-size:.85rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}@media (max-width:768px){.header h1{font-size:2rem}.items-grid{grid-template-columns:1fr}.health-header,.items-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}
/*# sourceMappingURL=main.21c62c0d.css.map*/