.oil-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.oil-wrapper{max-width:1000px;margin:0 auto}.oil-header{text-align:center;margin-bottom:40px}.oil-header h1{font-size:2.5rem;font-weight:800;margin:0;color:var(--color-info-500)}.oil-subtitle{color:var(--color-gray-500);margin-top:10px}.oil-back-btn{display:inline-flex;align-items:center;color:var(--color-info-500);text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.oil-back-btn:hover{text-decoration:underline}.oil-refresh-btn{background:var(--color-info-500);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:30px}.oil-refresh-btn:hover{background:#2563eb}.oil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.oil-card{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200)}.oil-type{font-size:.9rem;color:var(--color-gray-500);margin-bottom:4px}.oil-price{font-size:1.1rem;font-weight:600;color:var(--color-gray-900)}.oil-unit{font-size:.8rem;color:var(--color-gray-400)}.oil-loading{text-align:center;padding:40px;color:var(--color-gray-500)}.oil-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}@media (max-width: 768px){.oil-container{padding:var(--space-5) 15px}.oil-header h1{font-size:2rem}.oil-grid{grid-template-columns:1fr}}